UI 16px / 32px アイコン
UI 16px / 32px アイコンセット 18 件に、無料のオープンソース SVG アイコンが 13,229 個あります。最大のセットは Carbon、Bootstrap Icons、IonIcons です。セットを開くと、アイコンの一覧とライセンスを確認でき、SVG・React・Vue・CSS のコードをコピーできます。
UI 16px / 32px アイコンセット (18)
UI 16px / 32px アイコンについて
これらのセットは 16px または 32px のグリッドで描かれています。16px のアイコンは表やコードエディタ、ツールバーなど情報量の多い画面でもくっきり表示され、32px のアイコンは大きめのタップ領域や機能紹介のイラストに向いています。
Iconyz では、18 件のセットから UI 16px / 32px アイコンを 13,229 個掲載しています。最大のセットは Carbon、Bootstrap Icons、IonIcons です。すべて単色なので、各アイコンは周囲のテキストの色（currentColor）を引き継ぎ、CSS で色を変更できます。
ライセンスはセットごとに異なります。15 セットはクレジット表記なしで商用利用可能、3 セットは作者のクレジット表記を条件に商用利用可能。下の表にまとめています。各セットのページからライセンスの全文を確認できます。
UI 16px / 32px アイコンのライセンス
| ライセンス | アイコンセット | 商用利用 | クレジット表記 |
|---|---|---|---|
| MIT | 13 | 可 | 不要 |
| CC-BY-4.0 | 3 | 可 | 必要 |
| Apache-2.0 | 1 | 可 | 不要 |
| BSD-3-Clause | 1 | 可 | 不要 |
これは概要であり、法的助言ではありません。 アイコンのライセンスガイドを読む と、各セットのページにリンクされたライセンスをご確認ください。
UI 16px / 32px アイコンのよくある質問
UI 16px / 32px アイコン は商用利用できますか？
ほとんどは可能ですが、セットによって異なります。UI 16px / 32px アイコンセット 18 件のうち 15 件は、クレジット表記なしで商用利用できます (MIT, Apache-2.0, BSD-3-Clause)。さらに 3 セットは、作者のクレジットを表記すれば商用利用できます。
アイコン数が最も多い UI 16px / 32px アイコンセットは？
最大のセットは Carbon で、2,632 個のアイコンがあります。大きなセットほど必要なアイコンがそろいやすく、インターフェースの見た目に統一感が出ます。
UI 16px / 32px アイコン を React、Vue、HTML で使うには？
アイコンを開くと、SVG、React・Solid 用の JSX、Vue・Svelte のコンポーネント、Astro、CSS としてコードをコピーしたり、SVG や PNG でダウンロードしたりできます。SVG の URL を指す <img> タグで、HTML から直接アイコンを読み込むこともできます。
UI 16px / 32px アイコン の色は変更できますか？
単色のセットなら変更できます。SVG コードは currentColor を使っているので、インラインのアイコンは親要素の CSS の色に従います。画像として読み込む場合は、SVG の URL に ?color=%23RRGGBB を付けてください。マルチカラーのアイコンは元の色のままです。
ほかのアイコンカテゴリ
絵文字 (11) 国旗・地図 (12) ロゴ (18) Material (6) プログラミング (11) テーマ別 (9) UI 24px (65) UI マルチカラー (12) UI その他・混合グリッド (35) アーカイブ（メンテナンス終了） (30) 未分類 (16)