全部、完全に商用利用無料!WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs
Post on:2021年3月3日
企業サイトやプロダクトページをはじめ、オンラインショップ、アプリなど、WebのUIデザインに適したSVGアイコンが無料で利用できるGlyphsを紹介します。
アイコンの種類はなんと1,130種類!
アイコンのバリエーションも豊富で、ソリッドやベタ塗りだけでなく、フルカラーも揃っています。もちろん、SVGなのでカラーやサイズなどを簡単に変更できます。

Glyphsの特徴
Glyphsは1,000種類を超えるSVGアイコンが無料で利用できます。各アイコンは5種類のバリエーションがあり、SVGなのでサイズやカラーも簡単に変更して利用できます。

各アイコンは5種類のバリエーションがある
- Figmaでデザインされた1,000種類を超える編集可能なアイコン。
- 任意のアプリケーションで使用するためのWebコンポーネント。
- FigmaからSVGをダウンロードするためのCLIユーティリティ。
- 目的のアイコンはフォルダやタグで簡単に検索可能。
- ドキュメントとガイドを完備。
- ダークモード対応
- MITライセンスで、商用プロジェクトでも無料で利用できます。
アイコンの編集も簡単、サイズやカラーの変更だけでなく、向きも変更できます。

アイコンの編集
アイコンのダウンロードは、右上のFigmaアイコンかSVGファイルをダウンロード、または下部からSVGとHTMLのコードを利用できます。
Glyphsのアイコン
Glyphsでダウンロードできるアイコンは2021年3月現在、1,130種類。それぞれに5種類のバリエーションがあり、サイズやカラーも変更すると、まさに無限大の数になります。
数が多いので、4コマずつのアニメーションでまとめました。

アロー・人物・場所・位置のアイコン

お問い合わせ・インターフェイス・デザイン・マルチメディアのアイコン

デバイス・天気・自然・メディカルのアイコン

ブランド・ソーシャル・ファイナンス・国旗のアイコン
ここで紹介したアイコンはごく一部です。
sponsors