Passer au contenu principal
Utilisez des icônes de Font Awesome, Lucide, Tabler, des emoji, des SVG (Scalable Vector Graphics), des URL externes ou des fichiers de votre projet pour enrichir votre documentation.
Icon example

​
Icônes d’image personnalisées

Utilisez la prop src pour afficher une image personnalisée en guise d’icône. L’image peut être un fichier de votre projet ou une URL hébergée en externe.
Custom image examples

​
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

Vous devez fournir icon ou src.
​
string
Icône à afficher depuis une bibliothèque d’icônes.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
  • Nom d’icône Tabler si vous avez la propriété icons.library définie sur tabler dans votre docs.json
  • Un seul emoji (par exemple, 💡 ou 🚀)
​
string
Chemin ou URL d’une image à utiliser comme icône. Utilisez src à la place de icon lorsque vous souhaitez utiliser une image personnalisée plutôt qu’une icône d’une bibliothèque.Options :
  • Chemin vers un fichier image dans votre projet (par exemple, /images/mon-icone.svg)
  • URL vers une image hébergée en externe (par exemple, https://example.com/icon.png)
​
string
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 »). Ne s’applique pas aux icônes emoji.
​
number
La taille de l’icon en pixels.
​
string
Classes CSS supplémentaires à appliquer à l’icon.

Sujets connexes

Modifier l'icône de votre organisationStyliser l'icône à l'intérieur d'un composant CardBadge