本文章距离最后一次更新已经过去了 1799 天，文章内容可能已经变得不可靠或者版本不适配，请谨慎阅读。

iconfont首页

iconfont首页

在很多项目里，我们都需要用到图标，自己制作太累人了，网上搜的总是涉及各种版权、付费问题，阿里巴巴就给咱提供了一个庞大的图标库，其中公开的图标库可以免费使用，无版权问题。

登录

支持 GitHub 、淘宝、微博登录

登录方式

登录方式

搜索图标

图标搜索

图标搜索

使用方法

支持直接下载、在线修改

下载

下载

图标加入购物车后，可以批量下载素材和代码、批量添加至项目

购物车

购物车

添加进项目之后就可以进行 CSS 引用了：

代码引用

代码引用

图标库

分类

分类

图标上传

图标上传

图标上传

打赏

如果你喜欢哪个图标，可以给设计师一点奖励哦

打赏

打赏

在 Butterfly 中的使用

添加图标进项目之后，进入相对应的项目中，复制 CSS 代码：

复制代码

复制代码

然后在 butterfly.yml 中找到 inject 选项，添加刚才复制的代码：

添加inject

添加inject

然后就可以在导航栏或者个人资料里使用你的项目里的图标啦：

导航栏

导航栏

社交图标

社交图标

需要注意的时候，如果在项目中继续添加图标的话，CSS 的链接会更新，记得重新更新链接