字体图标
layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)。因此你可以把一个icon看作是一个普通的文字,这意味着你直接用css控制文字属性,如color、font-size,就可以改变图标的颜色和大小。而区分不同的图标,我们主要是采用 Unicode 字符
通过对一个内联元素(一般推荐用 i标签)设定 class="layui-icon",来定义一个图标,然后对元素加上图标对应的 Unicode 字符,即可显示出你想要的图标,譬如:
<i class="layui-icon"></i>
其中的  即是图标对应的Unicode字符
你可以去定义它的颜色或者大小,如:
<i class="layui-icon" style="font-size: 30px; color: #1E9FFF;"></i>
-
主页

home
-
赞

praise
-
踩

tread
-
男

male
-
女

female
-
相机-空心

camera
-
相机-实心

camera-fill
-
菜单-水平

more
-
菜单-竖直

more-vertical
-
返回

return
-
Hot

fire
-
等级

diamond
-
金额-人民币

rmb
-
金额-美元

dollar
-
位置

location
-
文档

read
-
检验

survey
-
笑脸

face-smile
-
哭脸

face-cry
-
购物车1

cart-simple
-
购物车2

cart
-
星级

star-fill
-
上一页

prev
-
下一页

next
-
上传-空心

upload-drag
-
上传-实心

upload
-
文件夹

lay-icon-folder
-
应用

component
-
播放

play
-
播放暂停

pause
-
音乐

headset
-
视频

video
-
语音

voice
-
喇叭

speaker
-
对话

.duihua
reply-fill
-
设置

.shezhi
set-fill
-
隐身-im

.yinshenim
menu-fill
-
搜索

.search
search
-
分享

.fenxiang1
share
-
ဂ
刷新
ဂ
lay-icon-refresh
-
loading

loading
-
loading

loading-1
-
设置

.shezhi1
set-sm
-
引擎

.yinqing
engine
-
ဆ
阅卷错号
ဆ
.yuejuancuohao
close
-
ဇ
错-
ဇ
.cuo
close-fill
-
报表

.baobiao
chart-screen
-
star

.star
star
-
圆点

.yuandian
circle-dot
-
客服

.kefu
chat
-
发布

.logo
release
-
21cake_list

.list
list
-
图表

.tubiao
chart
-
စ
正确
စ
.right
ok-circle
-
换肤2

.huanfu2
layim-theme
-
在线

.On-line
lay-icon-online
-
右右

.youyou
right
-
左左

.zuozuo
left
-
表格

table
-
icon_树

.icon5
tree
-
上传

.iconfont17
upload-circle
-
添加

.tianjia
add-circle
-
下载

.xiazai
download-circle
-
选择模版48

.xuanzemoban48
templeate-1
-
工具

.gongju
util
-
添加

add-1
-
编辑

edit
-
删除

delete
-
向下

.xiangxia
down
-
文件

.wenjian
file
-
布局

.layouts
layouts
-
对勾

.duigou
lay-icon-ok
-
添加

.tianjia1
add-circle-fine
-
么么直播-翻页

.yaoyaozhibofanye
prev-circle
-
404

.404
404
-
轮播组图

.lunbozutu
carousel
-
help

.help
help
-
代码1

.daima1
code-circle
-
进水

.jinshui
water
-
关于

.guanyu
about
-
向上

.xiangshang
up
-
日期

.riqi
date
-
文件

.wenjian1
layim-uploadfile
-
top

.top
top
-
好友请求

.haoyouqingqiu
friends
-
对

.weibiaoti1
ok
-
窗口

.chuangkou
layer
-
表情

.comiisbiaoqing
face-smile-fine
-
正确

.zhengque
reduce-circle
-
我的好友

.iconfontwodehaoyou
group
-
文件下载

.wenjianxiazai
layim-download
-
图片

.tupian
picture-fine
-
链接

.lianjie
link
-
记录

.jilu
log
-
文件夹

.liucheng
screen-full
-
font-strikethrough

.fontstrikethrough
fonts-del
-
unlink

.unlink
unlink
-
编辑_文字

.bianjiwenzi
fonts-clear
-
三角

.sanjiao
triangle-r
-
单选框-候选

.danxuankuanghouxuan
circle
-
单选框-选中

.danxuankuangxuanzhong
radio
-
居中对齐

.juzhongduiqi
align-center
-
右对齐

.youduiqi
align-right
-
左对齐

.zuoduiqi
align-left
-
勾选框(未打勾)

.gongsisvgtubiaozongji22
lay-icon-box
-
勾选框(已打勾)

.gongsisvgtubiaozongji23
lay-icon-box-check
-
加粗

.jiacu
fonts-strong
-
聊天 对话 IM 沟通

.liaotianduihuaimgoutong
dialogue
-
文件夹_反

.wenjianjiafan
addition
-
手机

.shouji
cellphone-fine
-
表情

.biaoqing
face-smile-b
-
html

.html
fonts-html
-
表单

.biaodan
form
-
tab

.25
tabs
-
emw_代码

.emwdaima
fonts-code
-
字体-下划线

.zitixiahuaxian
fonts-u
-
三角

.sanjiao1
triangle-d
-
图片

.tupian-copy-copy
picture
-
斜体

.xieti
fonts-i
由于浏览器存在同源策略,所以如果layui(里面含图标字体文件)所在的地址与你当前的页面地址不在同一个域下,即会出现图标跨域问题。所以要么你就把Layui与网站放在同一服务器,要么就对Layui所在的资源服务器的Response Headers加上属性:Access-Control-Allow-Origin: *