icon アイコン

アイコンフォントを表示します。
「パーツ」−「アイコン」より簡単に選択できます。

使い方1

Glyphicons のアイコンを表示します。

&icon(アイコン名);

使い方2

Font Awesome のアイコンを表示します。

&icon(fa,アイコン名);

アイコン名について

Glyphicon の場合

アイコン名は、Glyphicons のリスト内、
glyphicon-xxxのxxxの部分を記述してください。

&icon(home);

FontAwesome の場合

アイコン名は、Font Awesome の fa-xxxのxxxの部分を記述してください。

&icon(fa,home);

FontAwesomeはさらに2xのようにオプションを追加することでアイコンの大きさを変えられます。

&icon(fa,home,2x);


アイコン名の検索方法

アイコンの数は、合計で700以上にもなります。
編集ツールのパーツでは、よく使うアイコンのみをリストしています。
より細かく、アイコンを調べたい場合は、以下のサイトがおすすめです。

  • GlyphSearch
    GlyphiconとFontawsomeのアイコンが、HAIKで使用できます。

サンプル

&icon(home);

&icon(fa,home);

&icon(fa,phone);

&icon(fa,home,2x);

&icon(fa,home,3x);

&icon(fa,home,4x);