1.下载iconfont资源到本地
![](https://img-blog.csdnimg.cn/20201128142700466.png)
2.解压后将以下文件放到项目中
3.修改iconfont.css中的引入路径
4.在App.vue中配置全局样式
@import 'static/css/iconfont.css';
5.页面使用图标
<div class="iconfont icon-shanghuhao"></div>
6.彩色图标
main.js 中引入 iconfont.js
import iconfont from './static/css/iconfont'
Vue.use(iconfont)
页面使用图标
<svg class="font-icon" style="width: 32rpx;height: 32rpx" >
<use xlink:href="#icon-zhaoshangyinhang"></use>
</svg>