【图标】第三方图标库的使用

1.登录第三方图标网站

阿里矢量图标网站

2.将想要的图标加入到购物车

加入到购物车

3.将购物车中的图标添加到项目

在这里插入图片描述

4.在项目中生成代码

在这里插入图片描述

5、查看生成的代码,并保存到本地

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

6、在项目中使用

如果为Vue项目,在main.js中引入

import '../static/iconfont.css'
  • 使用
<i class="iconfont icon-yonghu"></i>
  • 效果
    在这里插入图片描述

注意:在class=iconfont icon-yonghu中,iconfont必须写,icon-yonghu为图标名字

为天地立心,为生民立命,为往圣继绝学,为万世开太平。
原文地址:https://www.cnblogs.com/rxx1005/p/12527242.html