SOFTELメモ Developer's blog

軽量なアイコンフォント

2024/11/10 css, html

FontAwesomeなどは大量のアイコンを含むので、どうしても巨大なファイルになりがち。

基本的なアイコンのみの軽量なフォントを探した。

Bytesize Icons

https://github.com/danklammer/bytesize-icons

svgファイルが提供されているので、sgvタグとuseタグで呼び出して使う。

svg 59kb。フォントファイルは無し。

Open Iconic

https://github.com/iconic/open-iconic

Webフォント、TTFフォント、OTFフォント、SVG形式、どれでも使える。

svg 53.5kb。woff 14.6kb。

Feather

https://github.com/feathericons/feather

SVG sprite 用の feather-sprite.svg で 59KB。

Tabler Icons

https://github.com/tabler/tabler-icons

全部は使わなさそう。

Microns

https://www.s-ings.com/projects/microns-icon-font

svg sprite もできるし、woff2ファイルもある。

svg 44.7kb。woff2 6.3kb。

関連するメモ

コメント