> For the complete documentation index, see [llms.txt](https://apcom.gitbook.io/altrone-ui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://apcom.gitbook.io/altrone-ui/components/typography/icon.md).

# Icon

Altrone uses material-symbols as icon library. This library contains a lot of different icons for all purposes. But you can also use your own library. Some components support overriding icons using special properties. 

```tsx
import { Icon } from 'altrone-ui';

return <Icon i="check" />
```

## Property

| Property                                       | Type                | Description                                                                                          |
| ---------------------------------------------- | ------------------- | ---------------------------------------------------------------------------------------------------- |
| **`i`**<mark style="color:red;">**`*`**</mark> | `string`            | Name of the icon. [Check all possible icons](https://fonts.google.com/icons?selected=Material+Icons) |
| **`size`**                                     | `number`            | Size of the icon                                                                                     |
| **`style`**                                    | `MaterialIconStyle` | Style of the icon. Default value is outlined                                                         |
| **`className`**                                | `string`            | Custom CSS class                                                                                     |

## History

* **`Altrone 1.0`**: initial release