全部、完全に商用利用無料!WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs
Post on:2021年3月3日
企業サイトやプロダクトページをはじめ、オンラインショップ、アプリなど、WebのUIデザインに適したSVGアイコンが無料で利用できるGlyphsを紹介します。
アイコンの種類はなんと1,130種類!
アイコンのバリエーションも豊富で、ソリッドやベタ塗りだけでなく、フルカラーも揃っています。もちろん、SVGなのでカラーやサイズなどを簡単に変更できます。
![WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs](http://coliss.com/wp-content/uploads-202101/2021030301@2x.png)
Glyphsの特徴
Glyphsは1,000種類を超えるSVGアイコンが無料で利用できます。各アイコンは5種類のバリエーションがあり、SVGなのでサイズやカラーも簡単に変更して利用できます。
![Glyphsのアイコン](http://coliss.com/wp-content/uploads-202101/2021030302.gif)
各アイコンは5種類のバリエーションがある
- Figmaでデザインされた1,000種類を超える編集可能なアイコン。
- 任意のアプリケーションで使用するためのWebコンポーネント。
- FigmaからSVGをダウンロードするためのCLIユーティリティ。
- 目的のアイコンはフォルダやタグで簡単に検索可能。
- ドキュメントとガイドを完備。
- ダークモード対応
- MITライセンスで、商用プロジェクトでも無料で利用できます。
アイコンの編集も簡単、サイズやカラーの変更だけでなく、向きも変更できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202101/2021030304.gif)
アイコンの編集
アイコンのダウンロードは、右上のFigmaアイコンかSVGファイルをダウンロード、または下部からSVGとHTMLのコードを利用できます。
Glyphsのアイコン
Glyphsでダウンロードできるアイコンは2021年3月現在、1,130種類。それぞれに5種類のバリエーションがあり、サイズやカラーも変更すると、まさに無限大の数になります。
数が多いので、4コマずつのアニメーションでまとめました。
![Glyphsのアイコン](http://coliss.com/wp-content/uploads-202101/2021030303-01.gif)
アロー・人物・場所・位置のアイコン
![Glyphsのアイコン](http://coliss.com/wp-content/uploads-202101/2021030303-02.gif)
お問い合わせ・インターフェイス・デザイン・マルチメディアのアイコン
![Glyphsのアイコン](http://coliss.com/wp-content/uploads-202101/2021030303-03.gif)
デバイス・天気・自然・メディカルのアイコン
![Glyphsのアイコン](http://coliss.com/wp-content/uploads-202101/2021030303-04.gif)
ブランド・ソーシャル・ファイナンス・国旗のアイコン
ここで紹介したアイコンはごく一部です。
sponsors