layui怎么添加icon图标？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

layui 的所有图标全部采用字体形式，取材于阿里巴巴矢量图标库(iconfont)。因此你可以把一个 icon 看作是一个普通的文字，这意味着你直接用 css 控制文字属性，如 color、font-size，就可以改变图标的颜色和大小。你可以通过 font-class 或 unicode 来定义不同的图标。

layui怎么添加icon图标？

1、登录官方的图标库如阿里的矢量图标库http://iconfont.cn

通过添加到购物车，然后添加到项目，可以看到自己项目中用到的图标：

2、点击下载至本地：

下载下的内容截图如下：

将文件拷贝到你所要写的项目中，如你想在你的页面中引入新下载下来的图标，你可以这样操作：

图标引入方式：

2.1. 通过Unicode 方式引入

引用的图标

快捷的方法拷贝，操作如图所示：

然后在使用代码的地方点击粘帖，就拷贝到图标的值类似：

2.2 通过FontClass 引用：

如我上面红色标注的图标的引用，在html 书写如下：

更多web前端知识，请查阅 HTML中文网 ！！