字体图标

使用方式

通过对一个内联元素（一般推荐用 i标签）设定 class="layui-icon"，来定义一个图标，然后对元素加上图标对应的 font-class（注意：layui 2.3.0 之前只支持采用 unicode 字符)，即可显示出你想要的图标，譬如：

你可以去定义它的颜色或者大小，如：
<i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>

或者你可以让他旋转起来，只需要在class中添加"layui-anim layui-anim-rotate layui-anim-loop"即可
万物皆可转起来
如：
<i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop" style="font-size: 30px;"></i>

如需添加其他更多图标，请在本站留言！一般正常情况下，2天内即会将源码更新到gitee


下载地址：https://gitee.com/ailcc/layui-icon

留言地址：https://ailcc.com/contact.html


该文档仅为Layui图标展示页，不提供其他服务，如需下载修改后的代码，请前往上述下载地址进入gitee进行下载。

对Layui 矢量图标库的修改，已经过原作者：贤心 允许及许可，各位可以放心使用。

我方保证之前168个矢量图标严格按照官方文档添加，不影响贵方网站的使用，后续如果官方继续添加、更新图标，本站也会第一时间按照官方文档进行更新。

2022-10-17日更新 —— 新增的图标列表（15个,共222个）
2022-09-26日更新 —— 新增的图标列表（2个,共207个）
2022-09-13日更新 —— 新增的图标列表（3个,共205个）
2022-09-12日更新 —— 新增的图标列表（34个,共202个）
官方文档之前版本内置图标一览表（168个）
跨域问题的解决

由于浏览器存在同源策略，所以如果 layui（里面含图标字体文件）所在的地址与你当前的页面地址不在同一个域下，即会出现图标跨域问题。所以要么你就把 layui 与网站放在同一服务器，要么就对 layui 所在的资源服务器的 Response Headers 加上属性：Access-Control-Allow-Origin: *

layui - 在每一个细节中，用心与你沟通

Copyright © 2022 layui MIT Licensed