字体图标

通过对一个内联元素(一般推荐用 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个矢量图标严格按照官方文档添加,不影响贵方网站的使用,后续如果官方继续添加、更新图标,本站也会第一时间按照官方文档进行更新。

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

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