Utilisez des icônes issues de Font Awesome, Lucide, de fichiers SVG, d’URL externes ou de votre projet pour améliorer votre documentation.
Icon example
<Icon icon="flag" size={32} />

​
Icônes en ligne

Les icônes sont insérées dans le flux du texte lorsqu’elles sont utilisées au sein d’un paragraphe. La documentation dont vous avez besoin, en toute simplicité.
Inline example
<Icon icon="flag" iconType="solid" /> La documentation dont vous avez besoin, en toute simplicité.

​
Propriétés

​
icon
string
required
L’icône à afficher.Options :
  • nom de l’icône Font Awesome
  • nom de l’icône Lucide
  • code SVG compatible JSX placé entre des 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 à l’aide du 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. Placez le code SVG compatible JSX entre des accolades : icon={<svg ...> ... </svg>}.
  5. Ajustez height et width si nécessaire.
​
iconType
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.
​
color
string
La couleur de l’icône en code hexadécimal (par exemple « #FF5733 »).
​
size
number
La taille de l’icône en pixels.