Material アイコン
Material アイコンセット 6 件に、無料のオープンソース SVG アイコンが 51,443 個あります。最大のセットは Material Symbols Light、Material Symbols、Google Material Icons です。セットを開くと、アイコンの一覧とライセンスを確認でき、SVG・React・Vue・CSS のコードをコピーできます。
Material アイコンセット (6)
Material アイコンについて
Material アイコンは Google の Material Design ガイドラインに沿ったアイコンです。24px グリッド上の幾何学的な形で、塗りつぶし・アウトライン・角丸・シャープのバリエーションがあり、Android アプリやダッシュボード、Material UI や Angular Material で作られた Web アプリに自然になじみます。
Iconyz では、6 件のセットから Material アイコンを 51,443 個掲載しています。最大のセットは Material Symbols Light、Material Symbols、Google Material Icons です。すべて単色なので、各アイコンは周囲のテキストの色（currentColor）を引き継ぎ、CSS で色を変更できます。
ライセンスはセットごとに異なります。6 セットはクレジット表記なしで商用利用可能。下の表にまとめています。各セットのページからライセンスの全文を確認できます。
Material アイコンのライセンス
| ライセンス | アイコンセット | 商用利用 | クレジット表記 |
|---|---|---|---|
| Apache-2.0 | 4 | 可 | 不要 |
| MIT | 1 | 可 | 不要 |
| OFL-1.1 | 1 | 可 | 不要 |
これは概要であり、法的助言ではありません。 アイコンのライセンスガイドを読む と、各セットのページにリンクされたライセンスをご確認ください。
Material アイコンのよくある質問
Material アイコン は商用利用できますか？
ほとんどは可能ですが、セットによって異なります。Material アイコンセット 6 件のうち 6 件は、クレジット表記なしで商用利用できます (Apache-2.0, MIT, OFL-1.1)。
アイコン数が最も多い Material アイコンセットは？
最大のセットは Material Symbols Light で、15,802 個のアイコンがあります。大きなセットほど必要なアイコンがそろいやすく、インターフェースの見た目に統一感が出ます。
Material アイコン を React、Vue、HTML で使うには？
アイコンを開くと、SVG、React・Solid 用の JSX、Vue・Svelte のコンポーネント、Astro、CSS としてコードをコピーしたり、SVG や PNG でダウンロードしたりできます。SVG の URL を指す <img> タグで、HTML から直接アイコンを読み込むこともできます。
Material アイコン の色は変更できますか？
単色のセットなら変更できます。SVG コードは currentColor を使っているので、インラインのアイコンは親要素の CSS の色に従います。画像として読み込む場合は、SVG の URL に ?color=%23RRGGBB を付けてください。マルチカラーのアイコンは元の色のままです。
ほかのアイコンカテゴリ
絵文字 (11) 国旗・地図 (12) ロゴ (18) プログラミング (11) テーマ別 (9) UI 16px / 32px (18) UI 24px (65) UI マルチカラー (12) UI その他・混合グリッド (35) アーカイブ（メンテナンス終了） (30) 未分類 (16)