Passer au contenu principal
Utilisez des icônes de Font Awesome, Lucide, des SVG (Scalable Vector Graphics), des URL externes ou des fichiers de votre projet pour enrichir votre documentation.
Icon example
<Icon icon="flag" size={32} />

​
Icônes en ligne

Les icônes sont placées en ligne lorsqu’elles sont utilisées dans une phrase, un paragraphe ou un titre. Utilisez les icônes pour la décoration ou pour renforcer l’accent visuel.
Inline example
Les icônes sont placées en ligne lorsqu'elles sont utilisées dans une phrase, un paragraphe ou un titre. <Icon icon="flag" iconType="solid" /> Utilisez des icônes pour décorer ou ajouter un accent visuel.

​
Propriétés

​
icon
string
requis
Icône à afficher.Options :
  • Nom d’icône Font Awesome si vous avez la propriété icons.library définie sur fontawesome dans votre docs.json
  • Nom d’icône Lucide si vous avez la propriété icons.library définie sur lucide dans votre docs.json
  • URL vers une icône hébergée en externe
  • Chemin vers un fichier d’icône dans votre projet
​
iconType
string
Style d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.Options : regular, solid, light, thin, sharp-solid, duotone, brands.
​
color
string
La couleur de l’icon sous forme de code hexadécimal (par exemple « #FF5733 »).
​
size
number
La taille de l’icon en pixels.
​
className
string
Nom de classe CSS personnalisé à appliquer à l’icon.