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 *

fifteen + eight =

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

You May Also Like
Read More

Sport Icon Pack

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

50 free animated icons

A set of loop, morph and animated backgrounds, ready to kick o your web or mobile project. Animated…
Read More

Tabler Icons Set

A set of over 550 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.