IconsというCSSのみで作られたアイコンです。Icons」をCSSの擬似要素(:before、:after)のcontentプロパティで使用する方法をご紹介します。AwesomeとはHT...目次CSSアイコンのメリットとデメリットCSSアイコンがフォントアイコンと比較して最も優れている点はファイルサイズです。フォントファイルはCSSファイルと比べてファイルサイズが大きく、WEBでページを読み込む際に時間がかかってしまいます。その点、CSSアイコンは基本1つのテキストファイルで済むのでインストールの手間も省け、読み込みも比較的速いので、SEOとしても有利に働くことでしょう。アイコンの数で言えば、圧倒的にフォントアイコンの方が多いし、種類も豊富です。Iconsが標準になっていますが、近い将来CSSアイコンが標準になる時代が来るかもしれません。個人的にはCSSアイコンが主体になるのを願っています!オープンソース(無料)のCSSアイコンフォントアイコンと同じように、ほとんどオープンソースのCSSアイコンが多く、誰でも無料で利用することができます。Iconsこちらは現在700個以上のCSSアイコンが用意されています。CSSだけでなく、SVG形式にも対応しているとのこと。気軽にダウンロードでき、NPMやAPIでの利用も可能とのこと。ICON現在、512個のCSSアイコンが用意されています。これだけあれば十分に使えるレベル。Zhangしかも、アイコンを動的にするアニメーションも用意されていて、とても面白いです。最近、AMPに対応しているサイトも結構増えてきました。AMPは、モバイル端末で高速表示されるように最適化され...その他のCSSアイコン数は少ないですが、例えばファイルの種類や矢印、天気などに特化したアイコンや、FacebookやTwitterなどのSNSアイコンに特化したものもあります。CSSだけ作られたアイコン(ピュアアイコン)をご紹介します。アイコン制作手法も様変わりを見せており、CSSだけ作成されたピュアCSSアイコンが次々に公開されています。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。閉じるホーム画面に追加してください!。