Utilizza icone da Font Awesome, Lucide, SVG, URL esterni o file nel tuo progetto per arricchire la documentazione.
Icon example
<Icon icon="flag" size={32} />

​
Icone inline

Le icone vengono inserite inline quando sono utilizzate all’interno di un paragrafo. La documentazione che vuoi, senza sforzo.
Inline example
<Icon icon="flag" iconType="solid" /> La documentazione che vuoi, senza sforzo.

​
Proprietà

​
icon
string
required
L’icona da visualizzare.Opzioni:
  • Nome dell’icona Font Awesome
  • Nome dell’icona Lucide
  • Codice SVG compatibile con JSX racchiuso tra parentesi graffe
  • URL di un’icona ospitata esternamente
  • Percorso di un file icona nel tuo progetto
Per icone SVG personalizzate:
  1. Converti l’SVG con il convertitore SVGR.
  2. Incolla il codice SVG nel campo di input SVG.
  3. Copia l’elemento completo <svg>...</svg> dal campo di output JSX.
  4. Racchiudi il codice SVG compatibile con JSX tra parentesi graffe: icon={<svg ...> ... </svg>}.
  5. Regola height e width secondo necessità.
​
iconType
string
Lo stile dell’icona Font Awesome. Utilizzato solo con le icone Font Awesome.Opzioni: regular, solid, light, thin, sharp-solid, duotone, brands.
​
color
string
Il colore dell’icona in formato esadecimale (per esempio, #FF5733).
​
size
number
La dimensione dell’icona in pixel.