1、iconfont图标库网址： https://www.iconfont.cn/home/index
将自己需要的图标加入购物车
打开购物车点击添加到项目
打开项目点击项目设置
选择font class选项，保存到本地
2、在Vue项目中assets文件夹下新增一个icon文件夹，将下载下来的文件解压到icon文件夹
在app.vue文件中引用css
1 <script> 2 import "./assets/icon/iconfont.css" 3 </script>
在组件中就可以用class方式使用啦
<n-button type="info" style="margin-left: 6px" @click="Export" class="iconfont el-icon-zzexport">导出</n-button>
使用效果
class名称可以通过打开下载下来的文件中demo_index.html获取
