Font Awesome、Lucide、SVG、外部URL、またはプロジェクト内のファイルのアイコンを利用して、ドキュメントをより充実させましょう。
Icon example
<Icon icon="flag" size={32} />

​
インラインアイコン

段落内で使用する場合、アイコンはテキストと同じ行に表示されます。 望みどおりのドキュメントを、手間いらずで。
Inline example
<Icon icon="flag" iconType="solid" /> The documentation you want, effortlessly.

​
プロパティ

​
icon
string
required
表示するアイコン。オプション:
  • Font Awesome icon の名前
  • Lucide icon の名前
  • 中括弧で囲んだ JSX 互換の SVG コード
  • 外部ホスティングされたアイコンへの URL
  • プロジェクト内のアイコンファイルへのパス
カスタム SVG アイコンの場合:
  1. SVGR converter で SVG を変換します。
  2. SVG コードを SVG 入力フィールドに貼り付けます。
  3. JSX 出力フィールドから完全な <svg>...</svg> 要素をコピーします。
  4. JSX 互換の SVG コードを中括弧で囲みます: icon={<svg ...> ... </svg>}。
  5. 必要に応じて height と width を調整します。
​
iconType
string
Font Awesome のアイコンスタイル。Font Awesome のアイコンでのみ使用されます。オプション: regular、solid、light、thin、sharp-solid、duotone、brands。
​
color
string
アイコンの色を 16 進数コードで指定します（例：#FF5733）。
​
size
number
アイコンのサイズ（ピクセル単位）。