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

# Iconos

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

Una lista de iconos utilizados en toda nuestra aplicación.

## Iconos Tabler

Usamos iconos Tabler para React en toda la aplicación.

<Tabs>
  <Tab title="Instalación">
    <br />

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

  <Tab title="Propiedades">
    Puede importar cada icono como un componente. Aquí hay un ejemplo:

    <br />

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

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

  <Tab title="Propiedades">
    | Propiedades | Tipo   | Descripción                               | Predeterminado |
    | ----------- | ------ | ----------------------------------------- | -------------- |
    | tamaño      | número | La altura y el ancho del icono en píxeles | 24             |
    | color       | cadena | El color de los iconos                    | currentColor   |
    | trazo       | número | El ancho del trazo del icono en píxeles   | 2              |
  </Tab>
</Tabs>

## Iconos Personalizados

Además de los iconos Tabler, la aplicación también utiliza algunos iconos personalizados.

### Icono de Libreta de Direcciones

Muestra un icono de libreta de direcciones.

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

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

  <Tab title="&#x22;Props&#x22;">
    | "Props" | Tipo   | Descripción                               | Predeterminado |
    | ------- | ------ | ----------------------------------------- | -------------- |
    | tamaño  | número | La altura y el ancho del icono en píxeles | 24             |
    | trazo   | número | El ancho del trazo del icono en píxeles   | 2              |
  </Tab>
</Tabs>