前端使用阿里矢量icon图标

 

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