ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2