🎨 H-ui 常用图标编码对照表

图标含义

图标代码

图标显示（需引入 H-ui）

✅ 勾选/成功



<i class="Hui-iconfont"></i>

❌ 关闭/失败

&#xe6a6;

<i class="Hui-iconfont"></i>

🗑️ 删除

&#xe6e2;

<i class="Hui-iconfont"></i>

✏️ 编辑

&#xe6df;

<i class="Hui-iconfont"></i>

➕ 添加

&#xe600;

<i class="Hui-iconfont"></i>

🔍 搜索

&#xe665;

<i class="Hui-iconfont"></i>

⬆️ 上移

&#xe6d6;

<i class="Hui-iconfont"></i>

⬇️ 下移

&#xe6d5;

<i class="Hui-iconfont"></i>

🔒 锁定

&#xe6b0;

<i class="Hui-iconfont"></i>

🔓 解锁

&#xe6b1;

<i class="Hui-iconfont"></i>

📄 预览

&#xe695;

<i class="Hui-iconfont"></i>

👁️ 查看

&#xe695;

<i class="Hui-iconfont"></i>

📦 导出

&#xe6e6;

<i class="Hui-iconfont"></i>

📥 导入

&#xe6e7;

<i class="Hui-iconfont"></i>

🔄 刷新

&#xe68f;

<i class="Hui-iconfont"></i>

⏫ 上传

&#xe6c4;

<i class="Hui-iconfont"></i>

📤 发布

&#xe6c2;

<i class="Hui-iconfont"></i>

📋 复制

&#xe6e3;

<i class="Hui-iconfont"></i>

⚙️ 设置

&#xe6a2;

<i class="Hui-iconfont"></i>

👤 用户

&#xe6c5;

<i class="Hui-iconfont"></i>

🔐 密码

&#xe6a8;

<i class="Hui-iconfont"></i>

🚪 退出登录

&#xe6c8;

<i class="Hui-iconfont"></i>

🏠 首页

&#xe620;

<i class="Hui-iconfont"></i>

📊 报表

&#xe6ce;

<i class="Hui-iconfont"></i>

📁 文件

&#xe6bb;

<i class="Hui-iconfont"></i>

✅ 使用方式

确保页面中引用了 H-ui 的字体图标样式文件：

<link rel="stylesheet" href="/static/h-ui/css/H-ui.iconfont.css" />

使用示例：

<i class="Hui-iconfont"></i> 编辑
<i class="Hui-iconfont"></i> 删除