VUE项目中新增icon图标

问题描述：

在阿里巴巴矢量图标库中下载了一些图标用在vue项目中，当时是打包下载的。代码编写到后面，发现还需要一些新的图标，按照之前引入图标到项目的套路来的话，就要重新将之前下载过的图标找到，然后和新的图标一起，一并下载下来引入。这工作量，啧啧，找到原来那些图标就得半天，所以各种百度搜索之后，终于找到了一种渐变的添加新图标的方法，亲测有效，有需要的童鞋可以看看。

解决办法：

1 在矢量图标库找到自己要新增加的图标，添加到购物车之后，选择下载代码

就在图标购物车的下面

2  解压下载下来的压缩包，然后找到iconfont.css这个文件，将@font-face这一段复制到原来的iconfont.css文件中

注意修改路径，不然会报错.

新图标的iconfont.css

在项目中原来的iconfont.css中添加上新图标的@font-face

3  然后就是在下面将新图标的类复制过来，也是从新图标的iconfont.css复制到原来的iconfont.css中，注意如果新的图标的命名与原来的有冲突的话，自行修改一下，不然就覆盖掉原来的了

新图标的类

4  上面几步都做完之后，就可以跟其他图标一样，在项目中使用啦。目前测试在谷歌中没有问题，其他浏览器未进行测试，不做保证哈