search

saeedalipoor / icono

One tag One icon, no font or svg, Pure CSS
http://git.io/icono
MIT License
4k stars 301 forks source link
css css3 icono iconsets purecss

readme

icono

Join the chat at https://gitter.im/saeedalipoor/icono

icono is an icon pack that needs no external resources. Every tags can be an icon made with pure CSS.

Demo

How to use

To get going with icono you can:

And then load it in your page:

<link rel="stylesheet" href="https://github.com/saeedalipoor/icono/blob/master/icono.min.css">

or

You can add icono folder in your project and import icono.less for compile. iconos maincolor can be changed in variable.less.

and then

just add iconos classes to any type of elements that support psuedo-element.

Example:

<i class="icono-mail"></i>

<div class="icono-mail"></div>

<span class="icono-mail"></span>

<whatever class="icono-mail"></whatever>

Also you can change color of icons as simple as set color for an element.

Example:

i.heart{color: red;}

Available classes

Development & Contributing

Using npm install the dependencies:

$ npm install

Run Gulp

$ gulp