使用阿里矢量图标

阿里矢量图标网站官方地址：

iconfont-阿里巴巴矢量图标库

使用步骤：

1、登录阿里矢量图标网站

2、如果有自己的项目，点击资源管理菜单---我的项目--参与项目；没有自己的项目搜索图标

3、选中需要的图标加入购物车

4、选择下载到本地，然后解压压缩包

5、解压的文件最里面的文件放到项目中

6、引入iconfont.css文件或者iconfont.js文件

具体使用引用官方介绍

unicode 引用

---

unicode是字体在网页端最原始的应用方式，特点是：

• 兼容性最好，支持ie6+，及所有现代浏览器。
• 支持按字体的方式去动态调整图标大小，颜色等等。
• 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。

注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式

unicode使用步骤如下：

第一步：拷贝项目下面生成的font-face

@font-face {font-