iConicss – Pure CSS3/HTML5 icon set

Cool animations! Color and resize it! Just CSS+HTML – no extra dependencies.

What is iConicss?

iConicss is an html5/CSS3 icon set. Each icon uses a single anchor element (one div) and just one color: the currentColor (and transparent) except for the colored icons (as the name suggests). Thus they can easily be included in a page with a single HTML element and use the current color and current font size.

Cool animations! Color and resize it! Just CSS+HTML – no extra dependencies.

So Why use iConicss?

  • Because CSS3 is now widely suported by all main browsers.
  • Because it may result in cool transition and morphing effects when changing icons.
  • Because it’s fun! Like building a Lego®️ model with a limited set of bricks.

How to use it?

All you need is download and include iconicss.min.css in your html page:

<link rel="stylesheet" href="iconicss.min.css">

Then just add icss- classes to an <i> elements to add a new icon on your page:

<i class="icss-home"></i>
<i class="icss-home" style="color:red;"></i>
<i class="icss-home" style="font-size:2em"></i>

To animate the icon when changing just add the icss-anim class to the element.
Then just change the icss-home class to icss-github to let the transition play.

Download: https://github.com/Viglino/iconicss

0 Shares:
Leave a Reply

Your email address will not be published. Required fields are marked *

16 − 1 =

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You May Also Like
Read More

40 Free line icons pack

A very handy set of 40 line vector icons was designed and shared by Giedrius Narusevicius. Impressed, nice…

A few Free Useful Free Icon Font Sets

Icon fonts are great because, as you may have guessed, they are delivered as a font. This gives them a number of advantages over traditional image icons. For instance, if you want to change the color, it can easily be done with CSS.
Read More

Sport Icon Pack

49 free vector icons of Sport designed by iconixar. Download now the free icon pack ‘Sport’. Available source…