商用利用無料、UIデザイン用のSVGアイコンが1100種類!Adobe XDやFigmaのツールも完備されてて、これは便利

企業サイトをはじめ、プロダクト、オンラインショップ、アプリ、ブログなど、さまざまな商用プロジェクトで無料で利用できるSVGアイコンを紹介します。

SVGアイコンの数は1,100種類以上で、しかもオープンソース!
さらに、Adobe XD, Figma, Sketchなどでアイコンが簡単に使えるツールもリリースされています。

UIデザイン用のSVGアイコンが1100種類 -Unicons

Unicons
Unicons -GitHub

Uniconsの特徴

Uniconsは、1,100種類以上のピクセルパーフェクトなSVGアイコンが揃っています。

サイトのキャプチャ

アイコンには3つのスタイルがあり、1,100種類以上、27のカテゴリがカバーされたラインアイコンは、オープンソースで配布されています。他の2つ、モノクロームとソリッドは有料(一部は無料)です。

サイトのキャプチャ

Unicons

3スタイルのうち、ラインはApache License 2.0で無料で利用できます。

サイトのキャプチャ

Unicons

アイコンはSVGのベクターなので、カラーやサイズなどを自由に変更できます。

サイトのキャプチャ

アイコンのカスタマイズは簡単

Uniconsのダウンロード

Uniconsはさまざまな形式、ツールで利用できます。
まずは、アイコンフォント・SVGアイコン・VueJSとReactのパッケージ。

サイトのキャプチャ

How to use Unicons

SVGアイコン1,100種類をまとめてダウンロードしたい時は、GitHubからが簡単です。

アイコンフォント用に公式のCSSファイルも用意されています。

VueJSとReactのパッケージは、下記からご利用ください。

Figma, Adobe XD, Sketchなどのツールとしても利用できます(要登録無料)。

サイトのキャプチャ

Unicons

Uniconsの使い方

UniconsはWebアプリも用意されており、アイコンを簡単に利用できます。カテゴリ・スタイル・フォーマットなどを選択できます。

例えば、アローだけでもさまざまなアローが揃っています。

サイトのキャプチャ

Unicons Library: Arrows

ロゴのアイコンも同じスタイルで利用できるのはいいですね。

サイトのキャプチャ

Unicons Library: Brand Logos

WebページやスマホアプリのUI用のアイコンも豊富です。

サイトのキャプチャ

Unicons Library: UI

医療関係など、レアなアイコンも揃っています。

サイトのキャプチャ

Unicons Library: Medical

sponsors

top of page

©2020 coliss