Feather Icons

Feather Icons 是一套由 Cole Bemis 创作的开源图标集，所有图标均在 24×24 的网格上手绘设计，以线条风格为主、保持统一的描边粗细与视觉重量。整套图标以 MIT 协议发布，在 GitHub 上长期维护、版本已迭代至 4.29，包含接近 290 枚日常 UI 常用图标。Feather 官方站点提供图标搜索、缩放、描边粗细与配色定制面板，可以一键复制 SVG 或下载整套字体包。无论前端工程师、设计师还是独立开发者，都能通过简单的 import 方式在网页、桌面端与移动端项目中复用。

网站&在线应用

简介

✅❌优缺点

✅ 图标量丰富且中心友好：近 290 枚以线条风为主，包含箭头、设备、文件、交互等各类常用场景。
✅ 样式统一、可读性强：24×24 网格、2px 描边粗细、圆角与角度严格对齐，多枚同类图标不会出现规格不一致。
✅ 完全开源免费：MIT 许可证，商业项目可放心使用，不需授权、不需注明来源（仍建议保留许可证、年份与作者出处以表达谢意）。
✅ 多平台可用：可以单独复制 SVG，也可下载为字体、PNG、PDF 文件；提供官方 npm 包与多个社区 CDN，可直接在 React、Vue、纯 HTML 页面中引入。
❌ 只提供线框风格：如果你需要填充式、双色、丰富颜色的图标，Feather 不能完全代替 Material Icons、Bootstrap Icons 或商业资源库。
❌ 商业场景下依赖第三方嵌入：部分宝商框架、CMS 不提供现成集成，需要自己加载字体或导入单个 SVG 文件。

使用方法

访问官方网站，在搜索框中输入英文名称或按 / 键快速定位到该图标。
在右侧 Customize 面板调节 Size、Stroke width 与 Color，即可预览实时变化，点击 Reset 可恢复默认值。
点击单个图标复制对应的 SVG 代码，或点击 Download all 一键下载字体包、SVG 集。
在项目中使用 npm 安装后引入字体文件，也可直接以 CDN 加载使用；有版本与颜色变量需求时推荐参考官方文档调整。
社区中可查看提交记录与版本变更日志，推荐随项目升级一同更新版本以获得新图标与修复。

收费与许可

Feather Icons 本身以 MIT 许可证全部免费开源，个人使用、商业使用、再发布都不需要付费。官方网站上提供的图标预览、搜索、下载与定制面板也为免费。若需要专门的商业定制、定向作品集或符号系设计，需联系原设计师或推荐的主流商业图标平台。

支持平台

Feather 提供 SVG 、Web 字体与 PNG 三种主流资源形式，可在 Web 页面（反应式布局）、桌面应用（Windows、macOS、Linux）与移动端（Android、iOS）上使用。社区还提供 React、Vue、Flutter 等多个框架的集成包，默认使用场景为网站与应用程序的 UI 图标需求。