Skip to main content
Utilisez des icônes provenant de Font Awesome, Lucide, de fichiers SVG, d’URL externes ou de fichiers de votre projet pour enrichir votre documentation.
Exemple d’icône

Icônes en ligne

Les icônes sont intégrées en ligne lorsqu’elles sont utilisées dans un paragraphe. La documentation dont vous avez besoin, sans effort.
Exemple d’icône en ligne

Propriétés

string
requis
L’icône à afficher.Options :
  • Nom de l’icône Font Awesome
  • Nom de l’icône Lucide
  • Code SVG compatible JSX entre accolades
  • URL d’une icône hébergée en externe
  • Chemin vers un fichier d’icône dans votre projet
Pour les 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. Entourez le code SVG compatible JSX d’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
Couleur de l’icône en code hexadécimal (par exemple : #FF5733).
number
Taille de l’icône en pixels.