SVG アイコンガイド

オープンソース SVG アイコンを使うための実践的なガイドです。Web サイトへの追加方法、セットの選び方、ライセンスの考え方、Iconyz API の使い方を簡潔に解説します。

SVG アイコンの使い方：HTML・CSS・React・Vue

Web サイトに SVG アイコンを追加する 4 つの方法（<img>、インライン SVG、CSS マスク、コンポーネント）を、HTML・React・Vue のコード例、サイズ、色、アクセシビリティとあわせて解説。

無料アイコンは商用利用できる？MIT、Apache 2.0、CC BY 4.0、OFL、GPL、CC0 の各ライセンスでできること、クレジット表記が必要な場合とその書き方を解説します。

オープンソースのアイコンセットを選ぶポイント（収録数、スタイル、グリッド、線の太さ、ライセンス、メンテナンス）と、UI・ロゴ・絵文字・国旗向けのおすすめを紹介します。

オープンソースのアイコンを URL で読み込み、クエリパラメーターで色を変え、JavaScript からアイコンセットを検索する方法。エンドポイント、パラメーター、レスポンス、キャッシュを解説。