「CSS3 Icons」は、CSS3 で作成された200以上のアイコンが紹介されているサイトです。
使い勝手の良さそうなアイコンがたくさんあり、使いたいアイコンを選択するとコードを表示してくれるので、コピペでそのまま利用することができます。
スポンサードリンク
CSS3 Iconsの使い方
CSS3 Iconsにアクセスして、使いたいアイコンを選択するだけです。
横にある矢印をクリックすると、画面がスライドして次のアイコンが表示されます。
気に入ったアイコンがあったら、クリックしてコードを表示します。「Browser Compatibility」にはブラウザの対応状況も表示されます。
あとはコピペして使いましょう。
ためしに貼ってみました↓
こういう感じのアイコンをサイトに貼ることができます。
あとがき
ブラウザの対応状況までわかるのは便利ですね。コピペでサクッと使えちゃうので、画像を用意するよりも軽いし楽です。
スタイルシートに使いたいアイコンのコードをまとめて追加しておいて、クラス指定で簡単にアイコンが呼び出せるようにしておくのもいいですね。