SVGの良いところはXMLでベクターベースなのでJavaScriptからカスタマイズしやすいということです。色などはもちろん、表示する向きなども変えられます。拡大、縮小しても綺麗なのも嬉しいポイントです。 そんなSVGアイコンとしてIkonateを紹介します。カスタマイズしやすいのが売りのSVGアイコン集です。

Ikonateの使い方

一覧です。直線的ですっきりとしたデザインです。

汎用的なデザインで多数用意されています。

大抵のパターンに対応できそうです。

ダークモードもあります。

こちらは角丸モード。ちょっとだけ線が丸くなっているのが分かるでしょうか。

Ikonateは線の色はもちろん、線の太さや角の取り扱いを自由に変更できます。サイトの雰囲気に合わせて変更できるでしょう。公式サイトでは回転しながら色が変わるデモもあります。ぜひご覧ください。

IkonateはSVG製のオープンソース・ソフトウェア（MIT License）です。

Ikonate – fully customisable & accessible vector icons mikolajdobrucki/ikonate: fully customisable & accessible vector icons