layui自身携带了168个字体图标，但有些时候并不能满足我们的使用需要，这时我们就可以根据需求来进行图标的扩展。
layui 的所有图标全部采用字体形式，取材于阿里巴巴矢量图标库（iconfont），因此我们可以通过iconfont来进行图标的集成，步骤如下：
1、登录iconfont，地址https://www.iconfont.cn/，页面如下所示：
2、点击上方图标右上角用户图标（右上角第一个图标），打开登录弹窗，弹窗如下所示：
我们这里选择Github账号登录，没有的话自行注册一个，此处不做赘述。
3、登录成功后，根据需求选择图标库下的任意项，如下所示，此处我以官方图标库做示例：
4、随意选择一个具体图标库，以第一个为例，进入后将鼠标悬浮于任一图标上，出现三项，分别为添加入库，收藏和下载图标：
5、为了方便使用，我们将所有的需要使用的图标都点击添加入库，点击完成后右上角购物车会出现添加的个数，此时点击购物车，页面如下所示，可以看到我们之前添加入库的图标：
6、此处我已经有了项目，可以直接添加到这个项目中，或者点击右侧+号重新创建一个项目，这里我再新建一个项目，命名为layui-extend1,新建完成后，自动跳转到如下页面，鼠标悬浮在更多操作上，我们通过点击编辑项目可以对项目进行编辑，此处编辑可参照截图所示：
点击保存后，我们有三种方式选择使用扩展的图标，如下所示：
此处我们选择第二种，Font class，选择后点击页面上的生成代码，生成代码如下所示：
此时我们有了两种方式可以进行扩展图标的引用：
A、在html代码中直接引入该路径地址，此处不做赘述；
B、点击页面上的下载至本地，浏览器将下载一个.zip的包到电脑上，打开该压缩包后，压缩包内容如下：
选中iconfont开头的文件，保存到我们项目的resource文件夹下，然后在页面中通过link引入iconfont.css即可。
7、图标使用方法：
因为之前添加入库后我们是根据Font class格式生成的图标代码，在html文件中也需要通过class的方式引入，原生的layui图标我们通过 class="layui-icon layui-icon-xxx"来引入，那么扩张的我们需要根据 class="iconfont layui-entend1-xxx"来引入即可（此处layui-entend1-是我们之前编辑项目是定义的，不要忘了）。
8、因为目前项目基本上都是多人协同开发，那么图标自然也不能只有一个人进行管理，如果有需要，可以在iconfont页面中进行人员管理，如下所示，选择项目成员后确定即可。