画像もフォントも不要！CSSだけで実装できるアイコンIcono

画像もフォントも不要！CSSだけで実装できるアイコンIconoのご紹介です。

使い方

1. cssをダウンロードします。
   Download icono.min.css
   GitHub - saeedalipoor/icono
2. cssファイルをページに読み込みます。
   

   code 	 	 	<link rel="stylesheet" href="icono.min.css">
   

3. 疑似要素をサポートするエレメントにiconoクラスを入れてアイコンを表示します。
   例）
   

   code<i class="icono-mail"></i>
   
   <div class="icono-mail"></div>
   
   <span class="icono-mail"></span>
   <whatever class="icono-mail"></whatever>
   

アイコン

その他

GITにLESSもあります。variable.lessでメインカラーを変更できます。

cssで色指定する場合は、こんな感じ。

code[class*="icono-"]{
color:#000;
}