---
nav: 
 title: 组件
 order: 2
group: 其他
title: SpecIcon
order: 5
toc: content
---
## SpecIcon 图标

### 默认图标
<code inline src="../../src/SpecIcon/demos/list.tsx"></code>

##  代码演示

### 基本使用
<code title="基础用法" hideactions='["CSB"]' src="../../src/SpecIcon/demos/basic.tsx" ></code>

### 扩展图标
<code title="扩展用法" src="../../src/SpecIcon/demos/prefix.tsx" ></code>

### 状态图标
<code title="状态图标"  src="../../src/SpecIcon/demos/status.tsx" ></code>

## API
| 参数      | 说明                                      | 类型         | 默认值 |
|----------|------------------------------------------|-------------|-------|
| type | 图标展示源(默认colour，默认是使用SVG展示，【字形图标已弃用】如果要使用字形显示则配置 type="font") | String | "colour" |
| prefix | 图标类名前缀(默认speci指基础图标，若项目内业务图标，则会另外定义 ) | String | 'speci' |
| name | 图标类名 | String | - |
| noPrefix | 不使用图标前缀,则渲染名称只由name组成 | Boolean | false |
| size | 设置图标大小 | String | - |
| style | 设置样式 | Object | - |
| status | 图标状态色（按样式默认指定几种类型颜色） | String | - |