Remix Icon

Remix Icon 是一套体系极其完整的中性风格开源矢量图标库，由日本开发者 Jimmy Cheung 于 2019 年推出。Remix Icon 的设计理念强调「中性」与「通用」——图标线条简洁、结构规整、风格内敛，不偏向任何特定品牌或视觉流派，因此可以自然融入各类产品和界面之中。图标库采用 MIT 开源许可证，完全免费供个人和商业项目使用。

Remix Icon 的图标数量超过 2,200 个，覆盖 25 个分类，包括：界面操作、箭头、建筑、通讯、设备、文档、编辑、金融、地图、媒体、混合、支付、摄影、地图、天气等。相比 Heroicons 的极简硬朗和 Phosphor 的可变风格，Remix Icon 在数量和分类丰富度上优势明显，特别适合需要构建大规模图示体系的中台系统、电商平台和内容管理系统。

主要功能

功能一：超过 2,200 个图标

Remix Icon 目前收录超过 2,200 个图标，涵盖 25 个分类，是同类开源图标库中数量最丰富的选择之一。图标分类包括：界面（Interface）、箭头（Arrows）、建筑（Buildings）、通讯（Communication）、设备（Device）、文档（Document）、编辑（Editor）、金融（Finance）、地图（Map）、天气（Weather）、美食（Food）、恋爱（Love）等。丰富的图标数量和分类使得开发者几乎不需要混用其他图标库，一个 Remix Icon 就能满足大多数项目的全部图标需求。

功能二：Line / Fill 双风格

与 Heroicons 类似，Remix Icon 同一套图标同时提供 Line（线性）和 Fill（填充）两种风格，每个风格均包含全部 2,200+ 图标。Line 风格采用 2px 线宽，适合现代简约风格界面；Fill 风格为实心填充，适合需要视觉重量突出的场景（如按钮背景、标签、导航激活状态）。两种风格可以共存于同一产品中，通过视觉层次区分不同交互元素。

功能三：多格式导出

Remix Icon 提供多种使用方式：NPM 包（@remixicon/react、@remixicon/vue）、CDN 链接、SVG 文件下载，以及 Figma 插件。官方 CDN 支持按需加载单个图标，通过 <i class=\"remixicon-{icon-name}\"></i> 语法使用。设计师可以通过 Figma 插件直接在设计稿中插入 Remix Icon，保证设计文件与开发实现的一致性。

功能四：精细的分类与搜索

remixicon.com 官网提供了强大的图标浏览与搜索功能。所有图标按 25 个分类组织，支持关键词搜索、风格筛选（Line / Fill / Both）、尺寸调节、颜色自定义等。图标详情页提供 SVG 下载、React / Vue 组件代码复制、Base64 编码获取等多种导出方式。网站还支持批量下载，设计师可以先将图标加入收藏夹，再一次性打包导出。

功能五：自定义颜色与字体图标生成

Remix Icon 提供了在线自定义工具，可以选择部分图标后生成包含所选图标的定制字体包（Icon Font）或 SVG 雪碧图（SVG Sprite）。定制字体包支持设置默认颜色和尺寸，适用于不使用 NPM 包的遗留项目。SVG Sprite 方案则适合需要在多个页面间共享图标但不引入额外依赖的场景。

核心特点与优势

适用场景

Remix Icon 适合以下场景：中台系统与企业管理后台（图标数量充足，分类完整，不需要混用多个图标库）；电商平台与商品页面（涵盖支付、快递、商品类目等丰富图标）；政府及公共服务类网站（中性风格无品牌倾向，适用性强）；移动端 App 开发（支持 React Native 和 Flutter Web）；多语言国际化产品（图标无语言障碍，任何文化背景均适用）。

Remix Icon 以其庞大的图标数量、中性的设计风格和多格式支持，在众多开源图标库中占据了独特的位置。如果你需要一个「全能型」图标库——数量够多、风格够中立、支持够全面——Remix Icon 是不二之选。