阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

1.进入阿里巴巴适量图标库官网

阿里巴巴矢量图标库官网：https://www.iconfont.cn/

点击我的项目

点击新建项目

创建一个图标项目

Font Family 这个很重要，如图所示，可以改成自己的前缀，然后再点新建就好了

添加入库

到搜索框搜索图标通过搜索自己需要的图标，加入到购物车;

比如：首页 并添加入库

把图标添加到项目;

点击右上角购物车图标,添加至刚刚新建的项目中

点击生成代码

这里每个项目生成的都不一样，要换成自己的

2.使用步骤

第一步：在网站 head 加入下面生成的 fontclass 代码：

<link rel='stylesheet' href='//at.alicdn.com/t/font_1181292_wnp8kv2bihd.css'>

第二步：挑选相应图标并获取类名

给菜单添加图标

在导航标签输入以下代码保存即可在自己网站首页看到图标效果

<i class="iconfont te-yemian">首页</i>

或者

<span class="iconfont te-yemian"></span>

class 里面的两个值（iconfont 和 te-yemian）iconfont 是你创建项目时的 Font Family， te-yemian 则是图标代码。