RemixIcon图标扩展
RemixIcon图标扩展，提供3229个精美图标，包含线性与填充两种风格
标识	remixicon
版本号	1.0
文件大小	4.1MB
发布时间	2026-05-07
PHP兼容	>=5.6
作者	meizie

获取
请在网站后台-应用商店内安装此应用.

RemixIcon 图标扩展插件

为 1CMS 系统提供 RemixIcon 图标扩展，包含超过 3000 个精美图标。

功能特点

✅ 集成 3229 个 RemixIcon 图标（v4.9.1）
✅ 支持线性（Line）和填充（Fill）两种风格
✅ 自动注入 CSS 样式到前后端页面
✅ 完美兼容 Layui 图标选择器
✅ 支持图标搜索和预览

安装步骤

将 remixicon 目录复制到 app/ 目录下
登录后台 → 应用管理
找到「RemixIcon图标扩展」并启用

文件结构

app/remixicon/
├── remixicon.php          # 主插件类
├── remixicon.config       # 插件配置
├── remixicon.json         # 图标数据（3229个）
├── remixicon.css          # CSS 样式文件
├── remixicon.eot          # EOT 字体
├── remixicon.ttf          # TTF 字体
├── remixicon.woff         # WOFF 字体
├── remixicon.woff2        # WOFF2 字体
├── remixicon.svg          # SVG 字体
├── view.php               # 图标预览页面
└── ...                    # 其他辅助文件

使用方法

在后台配置图标

进入任意支持图标选择的配置页面（如栏目管理、菜单配置等）
点击图标选择按钮
在弹出的图标选择器中选择 RemixIcon 图标（前缀为 ri-）
保存配置

图标命名规范

RemixIcon 图标采用统一命名规范：

风格	后缀	示例
线性风格	`-line`	`ri-home-line`
填充风格	`-fill`	`ri-home-fill`

图标分类示例

# 箭头类
ri-arrow-up-line    ri-arrow-down-fill    ri-arrow-left-line

# 用户类
ri-user-line        ri-user-fill          ri-user-add-line

# 文件类
ri-file-line        ri-folder-fill        ri-file-pdf-line

# 操作类
ri-add-line         ri-edit-line          ri-delete-bin-line

# 媒体类
ri-image-line       ri-video-fill         ri-music-line

插件机制

CSS 注入

通过 @hook layui:css:= 钩子自动注入样式：

function css($class,$args,$return){
    return $return.'<link rel="stylesheet" href="...remixicon.css">';
}

图标注册

通过 @hook layui:icon_list:= 钩子注册图标到 Layui：

function layuiIcon($class,$args,$return){
    foreach ($icons as $value) {
        $return['ri-'.$value['font_class']]=array($value['name'],$value['unicode']);
    }
    return $return;
}

技术细节

图标数据来源

图标数据从 unicode.html 解析生成，确保 unicode 值与 CSS 完全一致。

字体冲突解决方案

当图标同时包含 layui-icon 和 ri- 类时，通过 CSS 优先级确保正确渲染：

.layui-icon[class*="ri-"]{
    font-family:'remixicon'!important;
}

更新日志

v1.0

初始版本
集成 RemixIcon v4.9.1
包含 3229 个图标

RemixIcon图标扩展