Skip to main content
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

​
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

​
Propriétés

​
string
requis
L’icône à afficher.Options :
  • Nom d’icône Font Awesome
  • Nom d’icône Lucide
  • Code SVG compatible JSX, entouré d’accolades
  • URL d’une icône hébergée en externe
  • Chemin vers un fichier d’icône dans votre projet
Pour des icônes SVG personnalisées :
  1. Convertissez votre SVG avec le convertisseur SVGR.
  2. Collez votre code SVG dans le champ de saisie SVG.
  3. Copiez l’élément complet <svg>...</svg> depuis le champ de sortie JSX.
  4. Enveloppez le code SVG compatible JSX dans des accolades : icon={<svg ...> ... </svg>}.
  5. Ajustez height et width si nécessaire.
​
string
Le style d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.Options : regular, solid, light, thin, sharp-solid, duotone, brands.
​
string
La couleur de l’icon sous forme de code hexadécimal (par exemple « #FF5733 »).
​
number
La taille de l’icon en pixels.
​
string
Nom de classe CSS personnalisé à appliquer à l’icon.