商用無料!UIデザインに最適なSVGアイコンが1,130個、小さいスペースにも配置できる極小サイズ対応の優れもの

個人でも商用プロジェクトでも無料で利用できる、小さいスペースにも配置できる極小サイズ対応のSVGアイコンを紹介します。SVGアイコンなので、もちろん通常のサイズ、大きいサイズでも美しく表示されます。

UIデザイン用のアイコンはアウトライン・ソリッドの2種類計1,130アイテムが揃っています。しかもオープンソースなのは、嬉しいですね。

小さいスペースにも配置できる極小サイズ対応のSVGアイコン

Teenyicons
Teenyicons -GitHub

Teenyiconsの特徴

Teenyiconsは非常に小さいスペースにも配置できるようデザインされたSVGアイコンで、極小サイズ(15x15)でも鮮明に見えるよう設計されています。
MITライセンスで、商用プロジェクトでも無料で利用できます。

サイトのキャプチャ

Teenyicons

アイコンは極小サイズはもちろん、通常のサイズでも使用できます。どんなアイコンがあるのか見てみましょう。

SVGアイコンの表示は、SVG Icon managerを使用しています。
アイコンの管理が簡単に!たくさんのSVGアイコンを一元管理でき、編集もできる無料ツール -SVG Icon manager

サイトのキャプチャ

アウトラインのSVGアイコン

アイコンはアウトライン・ソリッドの2種類、それぞれ565アイテム、計1,130アイテムが揃っています。

サイトのキャプチャ

ソリッドのSVGアイコン

SVGアイコンなので、どんなサイズで使用しても美しく表示されます。

サイトのキャプチャ

アウトラインのSVGアイコン

Teenyiconsのダウンロード

SVGアイコンの一括ダウンロードは、下記ページから。

サイトのキャプチャ

Teenyicons -GitHub

「Code」をクリックして、「Download ZIP」をクリックすると、一括でダウンロードできます。

または、下記ページからSVGアイコンを個別にダウンロード、Figmaに複製することもできます。

サイトのキャプチャ

Teenyicons

Teenyiconsの使い方

インストール

アイコンはnpm, yarn経由でインストールできます。

アイコンの使い方

アイコンをインラインで使用する場合は、アウトラインまたはソリッドのアイコンをコピーし、HTMLにインラインで記述します。カラーは、CSSで簡単に変更できます。

Teenyiconsは、SVGスプライトもサポートしています。

上記3つのいずれかを使用し、HTMLにスプライトをインライン化します。

sponsors

top of page

©2020 coliss