> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Icônes

<Frame>
  <img src="https://mintcdn.com/twenty/GMeQVDsw5ST_LXpE/images/user-guide/objects/objects.png?fit=max&auto=format&n=GMeQVDsw5ST_LXpE&q=85&s=f753eac3bada05044c64e7af9ddea9ab" alt="En-tête" width="1440" height="680" data-path="images/user-guide/objects/objects.png" />
</Frame>

Une liste d'icônes utilisées dans notre application.

## Icônes Tabler

Nous utilisons les icônes Tabler pour React dans toute l'application.

<Tabs>
  <Tab title="Installation">
    <br />

    ```
    yarn add @tabler/icons-react
    ```
  </Tab>

  <Tab title="Propriétés">
    Vous pouvez importer chaque icône en tant que composant. Voici un exemple :

    <br />

    ```jsx theme={null}
    import { IconArrowLeft } from "@tabler/icons-react";

    export const MyComponent = () => {
      return <IconArrowLeft color="red" size={48} />;
    };
    ```
  </Tab>

  <Tab title="Propriétés">
    | Propriétés | Type   | Description                                   | Par défaut      |
    | ---------- | ------ | --------------------------------------------- | --------------- |
    | taille     | nombre | La hauteur et la largeur de l'icône en pixels | 24              |
    | couleur    | chaîne | La couleur des icônes                         | couleurCourante |
    | trait      | nombre | La largeur du trait de l'icône en pixels      | 2               |
  </Tab>
</Tabs>

## Icônes personnalisées

En plus des icônes Tabler, l'application utilise également certaines icônes personnalisées.

### Icône Carnet d'adresses

Affiche une icône de carnet d'adresses.

<Tabs>
  <Tab title="Utilisation">
    ```jsx theme={null}
    import { IconAddressBook } from 'twenty-ui/display';

    export const MyComponent = () => {
      return <IconAddressBook size={24} stroke={2} />;
    };
    ```
  </Tab>

  <Tab title="Propriétés">
    | Propriétés | Type   | Description                                   | Par défaut |
    | ---------- | ------ | --------------------------------------------- | ---------- |
    | taille     | nombre | La hauteur et la largeur de l'icône en pixels | 24         |
    | trait      | nombre | La largeur du trait de l'icône en pixels      | 2          |
  </Tab>
</Tabs>