オシャレWebアイコン Font Awesome


Bootstrap を使うと、デザイナーさんでなくてもそれなりにオシャレサイトが作れるので便利ですね。

Bootstrapのアイコン にはいくつか種類がありますが、

Font Awesome」 にはさらにたくさんのアイコンが公開されています。

一番簡単な使い方としてはCDNからcssを読み込むだけで利用可能です。

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

あとはアイコン一覧からアイコン名を探してiタグのclassに指定すればアイコンが表示されます。

<i class="fa fa-camera-retro"> fa-camera-retro
 fa-camera-retro

これを使えば手軽にオシャレアイコンが導入できます。

おしゃれなWebアイコンフォントがたくさんあるので見てるだけでも楽しいです。

参考