Icon图标

语义化的矢量图形。

图标的命名规范

我们为每个图标赋予了语义化的命名，命名规则如下:

• 实心和描线图标保持同名，用 -o 来区分，比如 question-circle（实心） 和 question-circle-o（描线）；

• 命名顺序：[图标名]-[形状?]-[描线?]-[方向?]。

? 为可选。

完整的图标设计规范请访问 图标规范。

如何使用

使用 <Icon /> 标签声明组件，指定图标对应的 type 属性，示例代码如下:

<Icon type="add_location" />

图标列表

点击图标复制代码。

新增图标

方向性图标

提示建议性图标

编辑类图标

数据类图标

网站通用图标

套系类图标

API

由于图标字体本质上还是文字，可以使用 style 和 className 设置图标的大小和颜色。

<Icon type="add_location" style={{ fontSize: 16, color: '#08c' }} />

图标的属性说明如下：