> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-mintlify-add-i-to-quickstart-8818.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 populaires

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.

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

```mdx Exemple d’icône
<Icon icon="flag" size={32} />
```

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

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

<Icon icon="flag" iconType="solid" /> La documentation dont vous avez besoin, sans effort.

```markdown Exemple d’icône en ligne
<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 de l’[icône Font Awesome](https://fontawesome.com/icons)
  * Nom de l’[icône Lucide](https://lucide.dev/icons)
  * 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](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. Entourez le code SVG compatible JSX d’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">
  Couleur de l’icône en code hexadécimal (par exemple : `#FF5733`).
</ResponseField>

<ResponseField name="size" type="number">
  Taille de l’icône en pixels.
</ResponseField>