Ionic2でハイブリッドなシステム開発:IoniconはIoniconのページの名前では指定しない

Posted on Posted in 趣味的なIT・ネットの話題

Ionicには最初からフラットなデザインのアイコンが多数装備されています。

Ionicons: The premium icon font for Ionic Framework

Fontawesomeが定番だと思いますが、Ioniconsでも充分でしょう。700個もありますから普通に使う分には該当するものが見つかると思います。

がこれを使おうとしてちょっとハマりました。上記のサイトでアイコンにマウスオーバーするとアイコンのコードのようなものが現れるのですが、これをタグの中で指定してもアイコンが表示されません。

スクリーンショット 2016-03-23 7.11.23

 

いろいろ試行錯誤したところ、下記のページの名称で指定すれば表示されることが確認できました。

Ionic 2 | Ionicons – Ionic 2 Developer Preview – Ionic Framework

スクリーンショット 2016-03-23 7.14.52

つまり

ではなく、

です。

 


Facebooktwittergoogle_pluspinterestlinkedinmail
納得したらすぐにシェア!