Remix Icon

如果你正在寻找一套高质量、风格统一、完全免费的图标库，Remix Icon 值得加入你的工具箱。

这是一套精心设计的开源图标集，共收录 3229 种图标，覆盖箭头、建筑、商业、通讯、设计、设备、文档、金融、美食、游戏与运动、健康医疗、地图、媒体、天气等数十个主题分类。所有图标均采用 24×24 像素网格设计，线条简洁、比例协调，确保在不同尺寸下保持清晰与视觉一致性。

更重要的是，Remix Icon 免费用于个人和商业项目——无论是网站、App、桌面软件、UI 设计稿、PPT 模板还是开源项目，均可直接使用，无需署名或付费。

灵活的使用方式

Remix Icon 不仅提供原始文件下载，还支持多种现代开发与设计集成方式：

• 单个图标下载：每个图标均可单独获取 SVG 或 PNG 格式，方便快速插入设计稿或静态页面
• 网页字体（Web Font）：通过 CSS 引用，像使用文字一样渲染图标，支持动态调整颜色和大小
• 前端框架集成：
  • React 组件（@remixicon/react）
  • Vue 3 组件（@remixicon/vue）
• CDN 直接引用：无需安装，一行 <link> 即可启用整套图标
• npm 包管理：适合构建工具链集成，支持 Tree Shaking 减少打包体积
• Figma 插件：设计师可在 Figma 中直接搜索并插入 Remix Icon，提升 UI 一致性

新场景：Vibe Coding 也能用

近期流行的 Vibe Coding（通过自然语言生成 UI 代码）对高质量图标资源有强烈需求。为此，社区推出了 RemixIcon-MCP（Model Context Protocol 实现），允许 AI 编码助手在生成界面时直接调用 Remix Icon 的语义化名称，例如：

“在导航栏添加一个‘设置’图标”

AI 可自动映射到 ri-settings-3-line 并插入对应组件，大幅提升生成代码的可用性与美观度。