阿里巴巴矢量图标库 - iconfont 图标使用方法 - vue 项目
步骤一: 搜索
浏览器搜索 iconfont , 进入 iconfont 官网
附图:
步骤二: 查找
1. 搜索你想要的图标
附图 :
![](https://img2022.cnblogs.com/blog/2615521/202205/2615521-20220512094811881-1152424574.png)
2. 选择(多个)你想要的图标, 点击第一个 添加入库 , 即可在右上角购物车样式的 库 中查看已经添加的图标
附图 :
3. 点击右上角购物车样式的 库 之后, 点击 添加至项目
附图 :
![](https://img2022.cnblogs.com/blog/2615521/202205/2615521-20220512100556908-741179301.png)
4. 新增一个项目(名称随便起), 点击 确定
附图 :
5. 选择第二个 fontclass 后, 点击 暂无代码,点此生成
附图 :
6. 点击 点此复制代码
附图 :
7、在html中引入
![](https://img2022.cnblogs.com/blog/2615521/202205/2615521-20220512101454900-1817254931.png)
8、在Vue中使用
到此, 阿里巴巴字体图标 已经可以在 vue项目中使用 !
搜索
复制