CSS3で作成されたアイコンをコピペで使うことができる「CSS3 Icons」

CSS3で作成されたアイコンをコピペで使うことができる「CSS3 Icons」

CSS3で作成されたアイコンをコピペで使うことができる「CSS3 Icons」

「CSS3 Icons」は、CSS3 で作成された200以上のアイコンが紹介されているサイトです。

使い勝手の良さそうなアイコンがたくさんあり、使いたいアイコンを選択するとコードを表示してくれるので、コピペでそのまま利用することができます。

CSS3 Iconsの使い方

CSS3 Iconsにアクセスして、使いたいアイコンを選択するだけです。

横にある矢印をクリックすると、画面がスライドして次のアイコンが表示されます。

次のアイコンを表示する

気に入ったアイコンがあったら、クリックしてコードを表示します。「Browser Compatibility」にはブラウザの対応状況も表示されます。

CSS3コードの表示

あとはコピペして使いましょう。

ためしに貼ってみました↓


こういう感じのアイコンをサイトに貼ることができます。

あとがき

ブラウザの対応状況までわかるのは便利ですね。コピペでサクッと使えちゃうので、画像を用意するよりも軽いし楽です。

スタイルシートに使いたいアイコンのコードをまとめて追加しておいて、クラス指定で簡単にアイコンが呼び出せるようにしておくのもいいですね。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です