iconoir.com

Iconoir是什么网站?

Iconoir 是一个开源免费图标库，提供可直接下载和使用的高质量图标，主打“完全免费、无需注册”。它把自己定位为 Noun Project、Flaticon 等图标资源的替代选择，目前有 1,671 个图标，并持续增加。

主要用途

• 为网站、App、设计稿提供统一风格的矢量图标。
• 支持多种开发与设计格式：SVG、Font、React、React Native、Flutter、CSS，以及 Figma 和 Framer。
• 可在线调整图标的光学尺寸、描边粗细和颜色，再用于项目。

适合谁、什么场景

• 前端或移动端开发者：直接引入 React、React Native、Flutter 组件，减少自己画图标的成本。
• UI/UX 设计师：在 Figma、Framer 中调用图标，快速搭界面。
• 个人项目或小团队：不想为图标付费、也不想注册账号时，可以把它当作免费素材来源。

使用与授权

• 图标内容基于 MIT License，可自由用于项目。
• 项目开源，可在 GitHub 上查看源码、提交需求或参与贡献。
• 网站接受捐赠以维持运营，但下载和使用本身不需要付费或邮箱注册。

与其他图标库的差异

Iconoir 的侧重点是“开源 + 免费 + 多框架支持”。它明确把自己和 Noun Project、Flaticon 放在一起比较，强调没有付费选项、无需注册。相比一些以海量图标为卖点的平台，Iconoir 的图标数量不算最多，但胜在开放、轻量和开发接入方便。

下一步可以做什么

• 需要图标时，先在官网搜索，确认风格是否匹配。
• 开发项目可直接安装对应框架包；设计项目可导入 Figma 或 Framer 使用。
• 如果缺少某个图标，可以通过 GitHub 提交请求或自行贡献。

Iconoir的图标可以免费用于商业项目吗?

可以。Iconoir 在官网明确写着“100% free icons”，并说明内容采用 MIT License，没有付费档位，也不要求邮箱注册。按 MIT 许可证，图标可用于商业项目，包括闭源产品。

使用时要注意什么

• 保留版权与许可声明：MIT 许可证通常要求在你分发的软件或文档中保留原版权声明和许可文本。把图标直接嵌进 App、网站或客户端时，建议在“开源许可”或“关于”页面列出 Iconoir 及 MIT License。
• 图标本身可商用，但不要用 Iconoir 的品牌名或图标去暗示你的产品由 Iconoir 官方背书。
• 如果你对图标做了修改再分发，仍建议保留原许可声明。

适合谁用

• 独立开发者做商业 App、SaaS 后台或官网，需要一套统一风格、可免费商用的图标。
• 团队用 React、React Native、Flutter、CSS 或 Figma/Framer，Iconoir 提供对应库，能直接接入现有工作流。
• 想替代 Noun Project、Flaticon 这类带付费或署名要求的图标库时，Iconoir 的 MIT 条款更省事。

选择条件

如果你的项目必须使用“无任何署名要求”的图标，MIT 许可证仍需保留许可声明，这一点要在发布流程里安排；如果只是内部使用或不想在界面露出署名，把许可文本放进设置页或文档即可，通常不影响商业使用。

怎么在React或React Native项目里使用Iconoir图标?

在 React 或 React Native 项目里用 Iconoir，最直接的方式是安装官方提供的库包，然后按图标名作为组件引入。Iconoir 本身提供 React、React Native、Flutter、CSS、SVG、Font、Figma 和 Framer 多种形式，React 和 React Native 都有对应支持。

React 项目

Iconoir 提供 React 库，安装后可以按需引入图标组件。官方资料显示其 React 版本每月下载量约 626K，说明这是被大量项目实际使用的路径。

典型用法是：

1. 安装 Iconoir 的 React 包。
2. 从包中按图标名引入组件，例如某个图标对应的组件名。
3. 在 JSX 中像普通组件一样使用，并通过 props 调整大小、颜色、线宽等。

Iconoir 页面上的图标可以自定义 Optical Size、Stroke Weight 和 Color，这些属性对 React 组件同样适用，方便和项目设计系统保持一致。

React Native 项目

Iconoir 同样支持 React Native。用法与 React 类似：安装对应的 React Native 包，按图标名引入组件，在移动端界面中直接渲染。

React Native 场景下要留意：

• 图标本质是矢量组件，适合做界面图标而非复杂插画。
• 颜色和尺寸通常通过组件 props 控制，便于适配不同屏幕密度。

其他可选方式

如果不想引入组件库，也可以：

• 直接下载 SVG，作为静态资源使用。
• 使用 Font 或 CSS 方式，适合传统 Web 项目。
• 在 Figma 或 Framer 中调用图标资源，适合设计与原型阶段。

选择建议

• 纯 React Web 项目：优先用 React 包，按需引入，打包体积可控。
• React Native 项目：用 React Native 包，保持与 React 端一致的图标命名。
• 需要跨端统一：React 和 React Native 都基于同一套图标命名，维护成本较低。

Iconoir 是开源项目，采用 MIT License，没有付费选项，也不需要邮箱注册。资料中提到它是 Noun Project、Flaticon 等资源的替代选择，当前约有 1,671 个图标并持续增加。如果图标数量或某个具体图标不满足需求，可以在 GitHub 仓库提交请求。

Iconoir支持Figma和Framer吗?怎么调用?

支持。Iconoir 官方提供 Figma 和 Framer 资源，可以直接在对应工具里调用图标，不需要下载 SVG 再手动导入。

Figma 里怎么用

• 通过 Iconoir 的 Figma 资源库调用：在 Figma 中启用该库后，即可从 Assets 面板搜索并拖入图标。
• 图标可作为矢量图形编辑，支持调整描边粗细（Stroke Weight）、尺寸（Optical Size）和颜色（Color），页面上就有这些自定义项。
• 适合做界面稿、设计系统或需要统一图标风格的项目。

Framer 里怎么用

• Iconoir 提供 Framer 版本，可在 Framer 项目中直接使用这套图标。
• 适合用 Framer 做网页或原型时保持与设计稿一致的图标风格。

其他调用方式

Iconoir 同一套图标还提供多种开发格式，按项目技术栈选择即可：

• SVG、Font、CSS：通用网页场景。
• React、React Native：前端与移动端项目。
• Flutter：Flutter 应用。

选择建议

• 只做设计：优先用 Figma 或 Framer 资源。
• 要落地到代码：按框架选 React、React Native 或 Flutter 包。
• 需要自定义描边和颜色：在设计工具里调好再交付，或在使用时通过组件属性设置。

Iconoir 目前有 1,671 个图标，标注为 100% 免费、开源，无需付费选项或邮箱注册；页面显示 React 版本每月约 626K 下载，GitHub 上有 4.6K 星标。

Iconoir的图标数量有多少,更新频率怎么样?

Iconoir 当前提供 1,671 个图标，官网标注“正在快速增长”。版本号显示为 v7.12.1，说明项目仍在持续迭代；具体更新频率资料未给出固定周期。

数量与更新情况

这些数字对使用者的意义

• 1,671 个图标属于中等规模，覆盖常见界面需求，但若需要极细分的行业图标，可能仍要补充其他库。
• 有版本号和 Changelog，说明可以跟进变更；做设计系统时建议锁定版本，升级前先看更新记录。
• 完全免费、开源、MIT 许可，无付费档位、无需邮箱注册，适合直接嵌入产品。

什么情况下适合选它

• 需要 SVG、Font、React、React Native、Flutter、Figma、Framer 多端一致图标时。
• 希望图标库可自行贡献、修改，而不是只能用平台内素材时。
• 想替代 Noun Project、Flaticon 这类有付费或授权限制的资源库时。

如果项目对图标数量要求很高，可同时关注 Streamline（Iconoir 页面上的赞助方，标注 170,000 个矢量图标），但那是另一套授权体系，需单独确认。

怎么给Iconoir提交新图标或反馈问题?

Iconoir 的图标和代码都托管在 GitHub，提交新图标、反馈问题或提需求，都走同一个仓库入口。官网底部提供了 Contribute、File a Request、GitHub Repository 三个入口，实际都指向 GitHub 上的 Iconoir 项目。

提交新图标

• 先确认图标不在现有集合里。官网当前标注有 1,671 个图标，且在持续增加。
• 在 GitHub 仓库中按贡献流程提交，通常包括：新增 SVG 源文件、按项目规范命名、必要时补充对应的 React/React Native/Flutter 组件生成内容。
• 图标采用 MIT License 发布，贡献前确认你提交的图形可以按该协议授权。

反馈问题或提需求

• Bug、显示异常、命名错误、缺失图标：在 GitHub 仓库开 Issue 说明。
• 想申请某个新图标：用 File a Request，或在 Issue 中描述用途和参考样式。
• 说明越具体越好，例如：图标名称、使用场景、期望的线宽（官网默认 stroke weight 为 1.5）、是否需要填充版本。

适合谁在什么情况下用

• 设计师：在 Figma 或 Framer 里用着发现缺一个常用符号，去 GitHub 提需求。
• 前端开发者：在 React、React Native、Flutter 或 CSS 项目里遇到图标渲染问题，回仓库反馈。
• 想长期参与开源的人：从修一个小图标或改一处文档开始，比直接提大改动更容易被合并。

选择建议

• 只是缺图标、想让它被加上：走 File a Request 或开 Issue。
• 已经准备好 SVG 并愿意按规范整理：直接提 Pull Request 效率更高。
• 不确定该走哪条：先在 GitHub 开 Issue 问，维护者会告诉你下一步。

如果只是想找替代方案，官网把自己定位为 Noun Project、Flaticon 和各类 Figma 资源的免费替代，并提到每月仅在 React 上就有 626K 次下载。