21 lines
551 B
Markdown
21 lines
551 B
Markdown
|
---
|
||
|
|
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/)
|