我使用的是 阿里巴巴矢量图标:https://www.iconfont.cn/

可以用新浪账号登陆,

搜索需要的图标,加入购物车,然后去购物车,把需要的添加项目A,

如果没有项目A,先创建一个,以后这个项目里面还需要其他图标,就可以继续加入

进入图标管理,我的项目

找到项目A,下载至本地,下载后是一个包,里面有css.js.tff等。。。

在vue项目种,创建文件夹 iconFont,然后将下载的包里面的除了demo以外的都复制到iconFont

mian.js 引入fonticon的css:

import './iconFont/iconfont.css'

然后就可以直接用:

图标的使用

<i class="iconfont icon-home " style="font-size: 24px;"></i>

 

 

 

 

 

 

 

相关文章:

  • 2021-08-10
  • 2022-01-15
  • 2021-09-10
  • 2021-07-31
  • 2021-11-29
猜你喜欢
  • 2021-10-06
  • 2021-08-26
  • 2022-12-23
  • 2021-11-23
  • 2022-12-23
  • 2022-01-06
相关资源
相似解决方案