1. 打开阿里巴巴矢量图标库官网
iconfont-阿里巴巴矢量图标库
2. 下载图标步骤
(1)
(2)
(3)
(4)
(5)
(6)main.js 配置 引入assets中的图标路径
(7)页面引用图标
注意:所有的类名前面都需要加上iconfont,后面拼上你需要icon的类名
<div class="iconfont icon-xxxx"></div>
参考:vue项目引入阿里巴巴矢量图标库 “字体图标” 手把手步骤详解(pc端、移动端都通用)_MFG_666的博客-CSDN博客_vue 引入阿里矢量图