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

# Ikony

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

Seznam ikon používaných po celé naší aplikaci.

## Tabler Icons

V celé aplikaci používáme ikony Tabler pro React.

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

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

  <Tab title="Vlastnosti">
    Každou ikonu můžete importovat jako komponentu. Zde je příklad:

    <br />

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

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

  <Tab title="Vlastnosti">
    | Vlastnosti | Typ     | Popis                          | Výchozí       |
    | ---------- | ------- | ------------------------------ | ------------- |
    | velikost   | číslo   | Výška a šířka ikony v pixelech | 24            |
    | barva      | řetězec | Barva ikon                     | současnáBarva |
    | stroke     | číslo   | Šířka tahu ikony v pixelech    | 2             |
  </Tab>
</Tabs>

## Vlastní ikony

Kromě ikon Tabler aplikace používá také některé vlastní ikony.

### Ikona adresáře

Zobrazí ikonu adresáře.

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

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

  <Tab title="Vlastnosti">
    | Vlastnosti | Typ   | Popis                          | Výchozí |
    | ---------- | ----- | ------------------------------ | ------- |
    | velikost   | číslo | Výška a šířka ikony v pixelech | 24      |
    | stroke     | číslo | Šířka tahu ikony v pixelech    | 2       |
  </Tab>
</Tabs>