## 阿里巴巴图标库&结合commonIcon组件的使用
1. 第一步:选择所在项目,上传UI提供的svg图标
![](https://box.kancloud.cn/928a5d266efd35f84fd8831134d776ca_1972x508.png)
2.第二步:上传图标后并且命名后,下载到本地
![](https://box.kancloud.cn/ebaa01f2c66036ab6180070c01b75648_1936x512.png)
3.第三步:下载到本地后文件夹,取箭头所指的五个文件,更新本地项目路径“src/assets/icons/”下面的五个文件。
![](https://box.kancloud.cn/1657944da2aceb93f7880134645bd93a_630x450.png)
**本地项目字体图标更新完毕**
> 这里写的是fontclass图标使用方式,如果需要用多色图标,则只需要更新iconfont.js文件即可。
*****
#### 使用commonIcon组件
> 这个组件支持iView内置图标和自定义图标
> 如果是使用iView内置的图标,则使用方法和使用iView的Icon组件一样;
> 如果是自定义图标,则需要在名字前加上下划线_。
> 该组件实际是对iView内置Icon组件和自定义图标组件Icons的结合,而用来区分这两者的就是type属性开头是否带有下划线。
> 组件属性包含:
> ![](https://box.kancloud.cn/13f71463832154d773f5be1fcb4bb04f_626x298.png)