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.