> ## 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.

# Icone

<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="Intestazione" width="1440" height="680" data-path="images/user-guide/objects/objects.png" />
</Frame>

Un elenco di icone utilizzate in tutta la nostra app.

## Tabler Icons

Utilizziamo le icone Tabler per React in tutta l'app.

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

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

  <Tab title="Props">
    Puoi importare ogni icona come componente. Ecco un esempio:

    <br />

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

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

  <Tab title="Props">
    | Props      | Tipo    | Descrizione                                  | Predefinito  |
    | ---------- | ------- | -------------------------------------------- | ------------ |
    | dimensione | numero  | L'altezza e la larghezza dell'icona in pixel | 24           |
    | colore     | stringa | Il colore delle icone                        | currentColor |
    | tratto     | numero  | La larghezza del tratto dell'icona in pixel  | 2            |
  </Tab>
</Tabs>

## Icone personalizzate

Oltre alle icone Tabler, l'app utilizza anche alcune icone personalizzate.

### Icona Rubrica

Mostra un'icona della rubrica.

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

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

  <Tab title="Proprietà">
    | Proprietà  | Tipo   | Descrizione                                  | Predefinito |
    | ---------- | ------ | -------------------------------------------- | ----------- |
    | dimensione | numero | L'altezza e la larghezza dell'icona in pixel | 24          |
    | tratto     | numero | La larghezza del tratto dell'icona in pixel  | 2           |
  </Tab>
</Tabs>