CSSのみで作られたアイコンをコピペで利用できる「CSS ICON」

CSSのみで作られたアイコンをコピペで利用できる「CSS ICON」

CSSのみで作られたアイコンをコピペで利用できる「CSS ICON」

CSS ICONは、CSSのみで作られたアイコンを集めたライブラリです。アイコンを選択するとHTMLとCSSが表示され、コピペするだけでサイトに実装することができます。

CSS ICONの使い方

CSS ICONにアクセスして、使いたいアイコンを選択します。

アイコンの選択

例えば、虫眼鏡のアイコンを選択すると、右側にアイコンを実装するためのコードが表示されます。

アイコン実装コードの表示

HTMLとCSSをコピペすれば、アイコンを実装することができます。

あとがき

Font Awesomeのようなアイコンフォントを利用しても良いですが、一部分のみCSSでアイコンを実装したい場合はCSS ICONを使った方が、読み込まれるスタイルの量を減らすことができますね。

簡単にCSSのみで作られたアイコンを利用することができますので、ぜひご活用ください。

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

Twitter で

コメントを残す

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