在图标功能实现中，使用了RmlUI 6.0的decorator功能，请保证你使用的RmlUI版本大于等6.0。

系统图标

在控件中，集成了Ant Design的所有图标，具体请查看https://www.iconfont.cn/collections/detail?cid=9402。

依赖文件

styles/icon.css
styles/icons.ttf

在RmlUI渲染前，需要先将图标加载到内存中：

Rml::LoadFontFace("styles/icons.ttf", false);

在HTML代码中，将styles/icon.css连接进来：

<link type="text/rcss" href="styles/icon.css"/>

使用方式

可以通过以下格式来加载图标：

<i class="icon icon-edit"></i>

最终效果

使用自定义图标

如果集成的图标，无法满足你的需求，你可以参照styles/icon.css来添加自己的图标。下面将通过https://www.iconfont.cn/的图标来举例说明。

选择你需要的图标如图我们选择了4个图标。
编辑项目，设置你需要使用的图标的字体名称。上图中，红框内的内容必须修改为你自定义的字体名称，千万不要与已有的字体冲突，冲突的话会导致图标无法正常显示。

编写你自己的CSS文件。在CSS中，你需要指定font-family属性为你刚才设置的字体名称。同时，图标类的名称也需要与系统中原来的不同。使用decorator: text("");格式来设置不同图标的css名称。示例如下：

i.zicon{
    font-family:zicon;
    font-style: normal;
    display: inline;
    margin: 1em 1em;
}
.zicon-about {
    decorator: text("&#xe604;");
}
.zicon-logs {
    decorator: text("&#xe680;");
}
.zicon-hard-disk-filled {
    decorator: text("&#xeb12;");
}
.zicon-hard-disk {
    decorator: text("&#xeb1d;");
}

效果

输入图片说明