---
category: Components
type: 通用
title: Icon
subtitle: 图标
cover: https://gw.alipayobjects.com/zos/alicdn/rrwbSt3FQ/Icon.svg
---

语义化的矢量图形。

## 设计师专属

安装 Kitchen Sketch 插件 💎，就可以一键拖拽使用 Ant Design 和 Iconfont 的海量图标，还可以关联自有项目。

## 图标列表



## API


| 参数             | 说明                                         | 类型          | 默认值    |
| ---------------- | -------------------------------------------- | ------------- | --------- |
| Alt | 备用文本 | string | - |
| AvoidPrerendering | 避免在预渲染时显示黑色图标 | bool | false |
| ClassName | 设置图标的样式名 |string         | -         |
| Style   | 设置图标的样式，例如 fontSize 和 color| Css propertities         |
| Spin | 是否有旋转动画 | boolean         |-       |
| Rotate |图标旋转角度（IE9 无效）| int  | -  |
| TwoToneColor |仅适用双色图标。设置双色图标的主要颜色| string  | -  |
| Component |控制如何渲染图标，通常是一个渲染根标签为 <svg> 的 React 组件|   | -  |
