阿里巴巴矢量图标库官网:iconfont-阿里巴巴矢量图标库
选择你喜欢的图标,添加入库

点击添加至项目,并新建文件夹,点击确定
选择font-class,点击生成代码

代码生成后,在网站上打开


全选复制到style

点击复制代码,替换icon-xxx<i class="iconfont icon-xxx"></i>

最后变成<i class="iconfont icon-xihuan"></i>,就可以使用了
注:调节大小和修改颜色
调节大小(修改font-size的大小即可)

修改颜色(有色图标有时会没有颜色)
