参考教程

Butterfly
buttery主题配置-Icon

新建图标项目

访问阿里巴巴矢量图标库,注册登录。
搜索自己心仪的图标，然后选择添加入库，加到购物车。
选择完毕后点击右上角的购物车图标，打开侧栏，选择添加到项目，如果没有项目就新建一个。
可以通过上方顶栏菜单->资源管理->我的项目，找到之前添加的图标项目。(现在的iconfont可以在图标库的项目设置里直接打开彩色设置，然后采用fontclass的引用方式即可使用多彩图标。但是单一项目彩色图标上限是40个图标，酌情采用。)

生成CSS链接

在添加到项目之后，会跳到项目的详情界面。点击Font class，然后再点击暂无代码，点击生成文字。网站会自动生成CSS链接，我们只需要复制链接就行。

添加链接进主题配置文件

打开主题配置文件，找到inject配置，按要求把链接填入

在我们需要使用的地方填入icon，例如Menu，图片使用格式为iconfont icon名字

示例