> ## Documentation Index
> Fetch the complete documentation index at: https://omer-914cc1c6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Icônes

> Utilisez des icônes issues de bibliothèques d’icônes populaires

Utilisez des icônes provenant de Font Awesome, Lucide, de SVG (Scalable Vector Graphics), d’URL externes ou de fichiers de votre projet pour enrichir votre documentation.

<Icon icon="flag" size={32} />

```mdx Icon example theme={null}
<Icon icon="flag" size={32} />
```

<div id="inline-icons">
  ## Icônes en ligne
</div>

Les icônes sont intégrées lorsqu’elles sont utilisées dans un paragraphe.

<Icon icon="flag" iconType="solid" /> La documentation que vous voulez, en toute simplicité.

```markdown Inline icon example theme={null}
<Icon icon="flag" iconType="solid" /> La documentation que vous souhaitez, sans effort.
```

<div id="properties">
  ## Propriétés
</div>

<ResponseField name="icon" type="string" required>
  L’icône à afficher.

  Options :

  * Nom d’[icône Font Awesome](https://fontawesome.com/icons)
  * Nom d’[icône Lucide](https://lucide.dev/icons)
  * 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](https://react-svgr.com/playground/).
  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.
</ResponseField>

<ResponseField name="iconType" type="string">
  Le style d’icône [Font Awesome](https://fontawesome.com/icons). Utilisé uniquement avec les icônes Font Awesome.

  Options : `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
</ResponseField>

<ResponseField name="color" type="string">
  La couleur de l'icon sous forme de code hexadécimal (par exemple « #FF5733 »).
</ResponseField>

<ResponseField name="size" type="number">
  La taille de l'icon en pixels.
</ResponseField>