字体图标
layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)。因此你可以把一个 icon 看作是一个普通的文字,这意味着你直接用 css 控制文字属性,如 color、font-size,就可以改变图标的颜色和大小。你可以通过 font-class 或 unicode 来定义不同的图标。
使用方式
通过对一个内联元素(一般推荐用 i标签)设定 class="layui-icon",来定义一个图标,然后对元素加上图标对应的 font-class(注意:layui 2.3.0 之前只支持采用 unicode 字符),即可显示出你想要的图标,比如:
<i class="layui-icon layui-icon-face-smile"></i>
注意:在 layui 2.3.0 之前的版本,只能设置 unicode 来定义图标
<i class="layui-icon"></i>
其中的  即是图标对应的 unicode 字符
你可以去定义它的颜色或者大小,如:
<i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>
140种图标:
![img_8915823578a2f4498a3d182eb38cdf0a.png](https://i-blog.csdnimg.cn/blog_migrate/1cc51e9ed76fc3d80ced189bd50ebbd5.png)
![img_ba3804dd716cd7375f941ac4bbcb7087.png](https://i-blog.csdnimg.cn/blog_migrate/bd102e4b8d4cfb7f8da433aa709c9ab8.png)
![img_b44ae017196c547637361f2a23786ee1.png](https://i-blog.csdnimg.cn/blog_migrate/7b7f2dfe27d2ad151c5fed01786da974.png)
![img_7007d94ce895f8853a66293121dd6674.png](https://i-blog.csdnimg.cn/blog_migrate/00e53f739e14ce8d4214983e1f89d20d.png)
![img_db764db2cad11ded5b84bc8e4814dd44.png](https://i-blog.csdnimg.cn/blog_migrate/5f2b7e7899b253e0e0e7cbac360ea6b0.png)