---
nav:
  path: /components
group:
  title: 通用
  order: 2
toc: 'content'
---

# Icon 图标

<code src="../../docs/components/compatibility.tsx" inline="true"></code>

语义化的矢量图形
## 何时使用
需要使用图形来对基础操作功能进行隐喻呈现，给予用户正确、友好且清晰的操作指引

## 图标列表
搜索查看，点击图标可复制
<Icon />

## 代码示例
<code src='pages/Icon/index' noChangeButton></code>


## API
| 属性 | 说明 | 类型 | 默认值 |
| -----|-----|-----|-----|
| className | 类名 | string | - |
| style | 样式 | string | - |
| type | icon 图标的类型 | string | - |
| catchTap | 点击按钮，触发此回调 | (e: Event) => void  | - |
| onTap | 点击按钮，触发此回调 | (e: Event) => void  | - |
