阿里巴巴矢量图标库https://www.iconfont.cn/
首先进行登录,然后才能下载里面的图标
搜索里面的图标并添加到购物车
点击右上角购物车
将购物车里面的图标添加至项目
书写项目名称可随便写然后点击确定
因为默认是黑白色需要在项目设置里勾选上彩色图标
然后点击下载到本地
压缩包解压文件后把整个文件夹放在自己的项目里面
在main.js里面全局引入
import '@/assets/styles/fonts/iconfont.css'
使用:
必须写类iconfont 后面是图标名
<el-button class="iconfont icon-youxiyouxiji">游戏机</el-button>
<span><i class="iconfont icon-dianzan"></i>3417</span>
<span><i class="iconfont"></i></span>