阿里巴巴矢量图标库官网:iconfont-阿里巴巴矢量图标库
选择你喜欢的图标,添加入库
点击添加至项目,并新建文件夹,点击确定
选择font-class,点击生成代码
代码生成后,在网站上打开
全选复制到style
点击复制代码,替换icon-xxx<i class="iconfont icon-xxx"></i>
最后变成<i class="iconfont icon-xihuan"></i>,就可以使用了
注:调节大小和修改颜色
调节大小(修改font-size的大小即可)
修改颜色(有色图标有时会没有颜色)