用途:为 Web 应用、移动应用、设计系统或文档添加统一风格的图标,包括导航、按钮、状态指示、媒体控制等场景。
主要能力:提供 3100+ 图标,分描边(-line)与填充(-fill)两种样式,基于 24x24 网格保证对齐一致;图标按 20 个语义分类组织,支持英文与中文关键词搜索,许多图标有数字变体(如 home、home-2、home-3)。
使用方式:可通过 NPM 安装(npm install remixicon)或 CDN 引入(https://cdn.jsdelivr.net/npm/remixicon@4.7.0/fonts/remixicon.css);React 用 npm install @remixicon/react,Vue 3 用 npm install @remixicon/vue。命名规则为 ri-{icon-name}-{style},例如 ri-home-line、ri-heart-fill。支持 webfont(<i class="ri-home-fill"></i>)、直接 SVG、SVG Sprite、React 与 Vue 组件等用法,并提供 ri-lg、ri-2x 等尺寸类。
适用场景:需要一致图标体系的 UI 组件、导航菜单、按钮、状态指示、表单输入、演示文稿与设计稿等,可在 Figma 插件及 Sketch、Adobe XD、Illustrator、PowerPoint、Keynote 中使用。
限制:图标为 24x24 网格,建议使用 24 的倍数尺寸以免模糊;仅图标元素需提供 aria-label,装饰性图标用 aria-hidden。许可为 Apache 2.0,可免费用于个人与商业用途。当前版本 4.7.0。更多细节以官方资料为准。