网页与界面设计常备的免费图标库：Remix Icon 开源可商用
做网站和 App 界面时，图标是最容易被低估却又最费时间的环节。一套风格统一、线条干净的图标，能让界面的完成度瞬间拉满。Remix Icon 就是这样一套面向设计师和前端开发者的开源图标库，收录了导航、媒体、天气、金融、编辑等大量日常场景图标，全部以单色线性风格绘制，配色和描边都能随主题自由调整。
它解决什么问题
自己手绘图标风格不统一，和现成素材拼在一起显得很割裂。
免费图标零散分布在各处，找齐一套同风格的成本比想象中高。
商用项目担心图标授权不清，后面被索赔或被下架。
核心能力
| 能力 | 具体能做到什么 |
|---|---|
| 风格统一 | 全部采用单色线性画法，描边粗细一致，整套放在一起非常和谐 |
| 场景齐全 | 导航、媒体、设备、天气、金融、编辑等分类覆盖绝大多数界面需求 |
| 多格式导出 | 提供 SVG、PNG 与字体两种形态，既能当图片也能当字体图标用 |
| 可改色改线 | 因为是矢量，颜色、描边宽度都能在代码或设计软件里随意改 |
| 开源协议 | Apache-2.0 授权，商业项目可放心直接引用，无需额外申请 |
| 检索方便 | 官网支持中文与英文关键词搜索，也能按分类逐级浏览 |
它其实是一套「按场景组织」的矢量语言，而不只是图标堆
Remix Icon 的底层是一组以 24×24 网格绘制的 SVG 路径，所有图标遵循同一套视觉规则：统一的线宽、统一的圆角半径、统一的留白节奏。它把图标当成一套设计系统来维护，而不是一张张孤立的图。正因如此，你在界面里混用不同分类的图标，也不会出现「这一颗胖、那一颗瘦」的违和感，这对保持产品气质的一致性非常关键。
落地时最稳妥的方式是直接引用官方提供的字体文件或 SVG，而不是把图标截图当图片塞进页面。字体形态通过 CSS 的 font-size、color 就能整体控色，适合做主题切换；SVG 形态则适合需要单独改描边或做动画的场景。若使用打包工具，也可只引入用到的图标做按需裁剪，避免把整库打进产物里拖慢加载。
同类工具怎么选
| 工具 | 授权 | 差别在哪 |
|---|---|---|
| Feather Icons | 开源免费 | 更极简的线性图标，数量少但辨识度极高，适合极简风界面。 |
| Bootstrap Icons | 开源免费 | 与 Bootstrap 生态契合，组件库用户取用最顺手。 |
| Iconoir | 开源免费 | 风格更圆润现代，图标总量大，主题切换友好。 |
谁适合用
- 做中后台与官网的前端开发者
- 需要统一视觉语言的产品设计师
- 做 PPT 与海报、想找干净图标的内容运营
怎么开始
- 打开官网，在搜索框输入关键词，或按顶部分类逐级浏览需要的图标。
- 点开图标后选择 SVG、PNG 或复制字体类名，按你的项目形态取用。
- 若用字体方案，把字体文件接入项目并在元素上加对应 class 即可显示。
- 用 SVG 方案时，直接把路径内联进代码，用 CSS 改 fill 或 stroke 控制颜色。
- 只用到少量图标时，建议按需裁剪后再打包，减小最终产物体积。
常见问题
能用于商业项目吗？
可以。Remix Icon 采用 Apache-2.0，商业用途、修改与再分发均允许，无需付费。
能嵌进 App 或网页里吗？
能。既可当字体图标也可当 SVG 内联，两种方式都能直接打包进网页或应用。
图标不全怎么办？
可基于同套网格规则自行补绘，或搭配另一套同风格线性图标补齐个别缺口。
和 Font Awesome 比有什么不同？
Remix Icon 风格更克制、偏中性现代，且完全免费；Font Awesome 部分高级图标需付费授权。
授权与合规
Remix Icon 以 Apache-2.0 协议发布，可免费用于个人与商业项目，可修改、可再分发。 官网：remixicon.com。
继续找同类资源
这条属于「设计素材」栏目，同栏目还有更多可直接使用的免费资源，可以在 设计素材全部资源 里按需翻阅。
相关资源
同栏目下这几条也常被一起翻到：
↓ 获取资源
点击按钮直接前往资源页面。
