rxx1005

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为图标名字

分类:

技术点:

相关文章: