カテゴリー : Mobile App Framework

Ionic Framework でアイコンフォント Ionicons を利用する

Ionic Framework からデフォルトで利用できる icon フォント Ionicons の使い方を調べたメモ。

公式サイト http://ionicons.com/ から icon フォントを検索することができます。下記の画像は money というキーワードに近しい icon フォントの検索結果です。

ionicons

利用したい icon フォントが決まったら、肝心の使い方ですが、

<i class="icon ion-cash"></i>

というように icon クラスと ion-cash クラスを付与することで、アイコンを表示できます。

Ionic Framework の公式ドキュメントにもう少しだけ詳しい説明があるので読んでみるといいかもしれません。

いい感じのアイコンがあれば Ionicons をそのまま使うと楽でよさそうですね。