CSSだけで作られた500以上ものカスタマイズ可能なミニマルアイコン・「css.gg」

Ads

css.gg


css.ggはCSSだけで出来た500以上のミニマルなアイコンを使えるCSSライブラリです

スケーラブルでカスタマイズ性のある設計で非常に使いやすい印象です。個人的にはアイコンフォントよりも軽量で好みな感じ

勿論、利用シーンによって利便性は異なるでしょうからケースバイケースではあるんですが、選択肢の一つして検討したいレベルの出来栄えでした

Ads

使用例

使用例です。使い方も簡単で、CSSライブラリを読み込んで、指定されたclassを含んだDOMを用意するだけです

CDNもCSSからJSON、XMLまで、jsdelivrとunpkgの両サイトで用意されていますがここではCSSを使う例をあげています

<link href='https://cdn.jsdelivr.net/npm/css.gg/icons-compressed/icons.css' rel='stylesheet'>

Font Awesomeと使い方は概ね同じです

<i class="gg-battery"></i>

サイズはCSSカスタムプロパティで、色はcolorで管理されています

.gg-indie-hackers{
	--ggs: 2;
	color:red;
}

ドキュメントでは単体で使う人向けに各アイコンのコードもコピペしやすいようにされているのもありがたいです

ライセンスはMITです。Font Awesomeに代替としても悪くない気がします。

css.gg

タイトルとURLをコピーしました