全部、完全に商用利用無料!さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons
Post on:2020年10月2日
企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。
先日ローンチしたばかりで、アイコンの種類はなんと1,064種類!
SVGだけでなく、各サイズのPNGも揃っており、すべてオープンソースです。
![さまざまなUIデザインに適した1,064種類のSVGアイコン素材](http://coliss.com/wp-content/uploads-202003/2020091501@2x.png)
Emblemicons
Emblemicons -GitHub
Emblemiconsの特徴
Emblemiconsは、デザイン・デベロッパー・プレゼン・学術プロジェクトなどで一般的かつ、頻繁に使用されるアイコンのオープンソースライブラリです。
MITライセンスで、個人および商用のプロジェクトで、アイコンは完全に自由に使用およびダウンロードできます。
![EmblemiconsのSVGアイコン 1,064種類](http://coliss.com/wp-content/uploads-202003/2020091503.gif)
EmblemiconsのSVGアイコン 1,064種類
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202003/2020091502-01.png)
アイコンは、以下のフォーマットが揃っています。
- SVG: CSSでカラーやサイズなど変更できます。
- PNGとJPG: 6つのサイズ(12px, 18px, 24px, 36px, 48px, 72px)が用意されています。
- PDFファイルもダウンロードできます。
- HTMLコードをコピーして、直接使用できます。
Emblemiconsのダウンロード
Emblemiconsからアイコンのダウンロードは、下記ページから。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202003/2020091502-02.png)
「Code」をクリックし、「Download ZIP」をクリックすると、Emblemiconsのアイコンファイル一式をダウンロードできます。
ダウンロードしたファイルの中身は、下記の通り。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202003/2020091504.png)
ダウンロードしたファイル
アイコンを試してみたい人は、サイトから個別にダウンロードできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202003/2020091502-06.png)
Emblemiconsの使い方
Emblemiconsでは、Figma用も用意されています。
ページのちょい下「Figma File」をクリックします。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202003/2020091502-03.png)
Figmaのページに移動するので、ログインして、「Duplicate」をクリックします。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202003/2020091502-04.png)
これで、FigmaからEmblemiconsのアイコンを取得できます。
1,064種類すべてのアイコンにアクセスでき、個人・商用・学術・ビジネスのプロジェクトに無料で利用できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202003/2020091502-05.png)
Figmaで、Emblemiconsのアイコンを表示
sponsors