---
sidebar_position: 10
title: Icon
---

```ts
import { Icon } from '@capital/component';
```

The icon solution for `tailchat` comes from `iconify`

The way of use is very simple:
- Select the desired icon from the following website: [https://icon-sets.iconify.design/](https://icon-sets.iconify.design/)
- Duplicate the selected key. Pass to `Icon` component, example:
```tsx
<Icon icon="mdi:account" />
```

It is recommended to use `mdi` to unify icon visual design:
[https://icon-sets.iconify.design/mdi/](https://icon-sets.iconify.design/mdi/)