CSSアイコン集　よく使いそうなサンプルコードまとめ

CSSのみアイコンのメリット

ウェブサイトを作るときにアイコンを表示するための方法はたくさんあります。
その中でもCSSとSVGのアイコンのメリットは多く、アイコンを表示するベストな方法ではないかと思います。

デメリットとしては、サイト全体のアイコンデザインの統一性を出しにくいことかと思います。
それでもメリットのほうが強いと思うのでアイコンはCSSやSVGで作りたいです。

サンプルコード集

CSSのみのアイコンのサンプルコードを別ページにまとめました。

コピペで使える参考サイト

基本は下のサイト　700+ CSS Icons からCSSソースコードをコピーしてきて、疑似要素などに組み込むと使いやすいです。

css.gg

css.gg A comprehensive, open-source CSS icons library. Featuring Vanilla CSS, SVG and Figma UI icons

700+ CSS Iconsの使い方は以下の記事にまとめています。

あわせて読みたい

700種類以上のCSSだけのアイコンとSVGもコピペできるサイト 700+ CSS Icons の使い方 【700+ CSS Iconsとは】 CSSだけで作るアイコンのソースを、無料でコピーできるサイト 700種類以上のCSSのみで作られたアイコンのCSSコードを無料提供しているサイトで…