阿里巴巴矢量图的使用

一、下载至本地

1、登录官网

2、加入购物车

3、点击进项目

 4、下载

5、解压

 

 6、删除红色标记的四个文件

7、在vue项目的 src > ssets 下新建  icon文件夹， 将剩下的六个文件 放进去

 8.在 main.js 中 引入  iconfont.css 文件

 9、在页面中引入 图标， 在仓库中， 图标的名字是   el-icon-denglu, 那么在页面中 就引入这个名字就可以了。

 结果：

 二、通过在线链接引入

1、进入我的图标

 

2、复制链接

 3、把复制的链接放到浏览器的路径搜索上

 4、在公共样式的css文件中引入

 5、使用

 

 效果：