1.登录阿里巴巴矢量图库[[https://www.iconfont.cn/](https://www.iconfont.cn/)]，如图
2.选择图标—>添加到购物车
3.添加至项目
4.将图标下载至本地
5.解压
6.打开文件 ，删除红框中的两个文件
7.引入
打开vue项目所在目录 此处是D:vuetest/src/assets (根据自己项目的实际情况写路径)在 assets文件夹中新建icon文件夹
8.打开文件夹，将上图的文件全部拉进去（选中直接拖进icon文件夹中）
9.使用
进入vscode打开项目
进入src—>assets–>icon中可以看到如下
10.点击进入（随便挑一个展示）如图 （红框部分为图标名字）
11.在html中使用
先上效果图
代码<p>微信</p>解析:矢量图用起来没有颜色，我在这里自己给他加上了绿色，还有class记得要用 icon iconfont
//本期的教程到这里就结束啦,是不是很简单!让我们一起努力走向巅峰!
