Remix Icon

Remix Icon 是面向设计师与开发者的中性风格开源图标系统。官方仓库说明其包含 3200+ 图标，每枚图标基于 24×24 网格绘制，并成对提供 outlined 与 filled 版本。它适合需要统一线框、填充状态和前端命名的产品，而不只是临时找一张 SVG。

Line 与 Fill 先定义状态语法

图标名中的 -line 和 -fill 对应线框与填充。团队可把 line 用于默认状态、fill 用于选中或高强调，但同一导航、工具栏和按钮要遵循一致规则。切换时还需检查视觉重心，不能只保证画布尺寸相同。

设计稿可直接复制矢量

官网支持下载 SVG 或 PNG，也可用 Copy SVG 粘贴到 Figma、Sketch、Adobe XD、Illustrator、Affinity 等设计工具。按需从网站复制比在本地维护整库更容易跟上更新；进入团队组件库后，应固定版本并记录自定义修改。

开发接入有多条路径

避免把整套图标塞进首屏

npm 包、CDN 字体和 Sprite 的缓存方式不同。组件化项目优先只导入实际使用的图标；CMS 动态配置则建立有限名称映射。使用字体时要处理字体加载失败，使用 Sprite 时要确认部署路径与缓存更新。

统一尺寸、颜色与无障碍

• 用容器控制 16、20、24 等产品尺寸；
• 单色图标继承 currentColor 和状态色；
• 仅图标按钮提供可访问名称与 Tooltip；
• 装饰图标对辅助技术隐藏；
• 危险操作保留明确文字，不能只靠图形猜测。

品牌 Logo 另行审查

Remix Icon 主要面向界面图标，官方也建议在缺少品牌图标时寻找专门的品牌集合。即使图标文件可以使用，第三方商标、支付标识或平台 Logo 仍可能受品牌规范约束，不应从通用图标许可推导出商标授权。

注意 2026 年许可证变化

官方仓库注明 Remix Icon 采用 Remix Icon License v1.0，并说明自 2026 年 1 月起更新许可协议；署名受到鼓励但不是必需。上线前应保存当时版本、许可证文本和来源链接，涉及再分发、图标产品或二次打包时再逐条核对，而不要沿用旧文章里的许可结论。