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

# Ícones

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

Uma lista de ícones usados em todo o nosso aplicativo.

## Ícones Tabler

Usamos ícones Tabler para React em todo o aplicativo.

<Tabs>
  <Tab title="Instalação">
    <br />

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

  <Tab title="Propriedades">
    Você pode importar cada ícone como um componente. Aqui está um exemplo:

    <br />

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

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

  <Tab title="Propriedades">
    | Propriedades | Tipo   | Descrição                               | Padrão   |
    | ------------ | ------ | --------------------------------------- | -------- |
    | tamanho      | número | A altura e a largura do ícone em pixels | 24       |
    | cor          | string | A cor dos ícones                        | corAtual |
    | traço        | número | A largura do traço do ícone em pixels   | 2        |
  </Tab>
</Tabs>

## Ícones Personalizados

Além dos ícones Tabler, o aplicativo também usa alguns ícones personalizados.

### Ícone Livro de Endereços

Exibe um ícone de livro de endereços.

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

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

  <Tab title="Propriedades">
    | Propriedades | Tipo   | Descrição                               | Padrão |
    | ------------ | ------ | --------------------------------------- | ------ |
    | tamanho      | número | A altura e a largura do ícone em pixels | 24     |
    | traço        | número | A largura do traço do ícone em pixels   | 2      |
  </Tab>
</Tabs>