Remix Icon

Remix Icon 是一套面向设计师和开发者的开源图标库，由设计师精心绘制，确保每一枚图标风格一致、简洁易读。

网站截图

RemixIcon 是什么？一套为现代界面而生的开源图标库

做过界面设计的人大多有这样的体会：不同页面里的图标粗细不一、造型各异，整体视觉总差一点协调感。RemixIcon 正是为解决这类问题而打造的开源中性风格图标系统。它由专业设计师团队逐枚手工打磨，以简洁清晰的造型语言著称，既能自然融入各类产品界面，又不会喧宾夺主，因此被广泛应用于 Web 开发、移动应用设计以及 UI/UX 设计等多个领域。

官方网址：https://remixicon.com/

对个人创作者而言，它是一个质量在线、取用方便的素材库；对团队项目来说，统一的设计规范意味着更少的沟通成本与更高的产出效率。无论哪种身份，都能从这套图标体系中获得切实的帮助。

三大核心特色：规范、丰富、风格统一

24×24 网格打底，规范先行

RemixIcon 的所有图标均基于24×24 网格系统构建。统一的网格意味着每枚图标在尺寸、比例与笔画细节上遵循同一套规则，无论放大还是缩小，都能保持清晰的可识别性。对于追求视觉一致性的产品而言，这一点尤其重要。

线框与填充双风格，随场景切换

整套图标提供线框（Outlined）和填充（Filled）两种风格。导航栏、列表等轻量场景适合使用线框风格，按钮、选中态等需要强调的位置则可切换为填充风格，一虚一实之间，界面的层次感自然就出来了。

3000+ 图标覆盖常见主题

目前 RemixIcon 已收录 3000+ 高质量矢量图标，主题分类覆盖面相当广：

• 社交媒体：常见平台图标，分享与跳转场景即取即用；
• 电子设备：适配硬件、智能终端相关界面；
• 工具：设置、编辑、办公类高频图标一应俱全；
• 食品：餐饮、外卖类项目的实用素材；
• 人物：头像、用户中心等场景的通用选择。

从后台管理系统到面向用户的应用，这些分类基本能覆盖日常设计中的绝大多数需求，不必再为找一枚合适的图标东拼西凑。

设计与开发场景中的实际用法

对设计师来说，RemixIcon 与 Figma、Sketch 等主流设计工具兼容良好。可以直接下载图标文件导入设计稿，也可以复制 SVG 代码粘贴进设计工具即时使用，后续调整颜色与尺寸都很自由。

对开发者来说，集成成本被压得很低：既可以通过 CDN 引入 WebFont，也可以把字体文件下载到本地按需加载，短时间内即可让图标在网站或应用中生效。得益于统一的网格与规范，后期批量替换或扩充图标也不会破坏页面原有风格。

此外，RemixIcon 的源码托管在 GitHub，项目持续更新中：

开源项目地址：https://github.com/Remix-Design/RemixIcon

如何快速上手？三种方式按需选择

1. 官网直接下载：访问官网检索目标图标，下载 SVG 或 PNG 格式文件，适合少量、一次性的使用场景；
2. 复制 SVG 代码：在网页或设计工具中直接粘贴矢量代码，方便对颜色与尺寸做二次调整；
3. WebFont 集成：通过 CDN 或本地下载引入字体图标，适合需要批量管理、频繁调用的中大型项目。

如果是小型页面，前两种方式足够轻便；如果是需要长期迭代的产品，推荐走 WebFont 路线，