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

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

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;
}

Thanks!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA