Iconoir

网站描述

Iconoir 一套高质量的开源图标库如果你想在下个项目中使用更加优雅简洁的图标，强烈建议你考虑下这个图标库：支持多个前端框架 > 支持 figma 和 framer > 24*24像素完美＞支持线性面性风格

Iconoir是什么

Iconoir 是我个人非常喜欢的一个开源图标库，它有种说不出的清新脱俗感。现在市面上的图标库太多了，要么花里胡哨，要么死气沉沉。Iconoir 就像一股清流，它不追求数量，而是把每一个图标都当成艺术品来打磨。目前有1600多个图标，全是SVG格式，统一的线条风格，看着就舒服。最关键的是，它完全免费，而且是开源的，没有任何套路，这年头太难得了。

首页

如何使用Iconoir

用起来特别方便，对开发者和设计师都很友好。你可以直接在官网上搜索、筛选，然后一键复制SVG代码或者直接下载文件。但它最牛的地方在于跨平台支持。无论你是用 React、Vue、Flutter，还是在 Figma、Framer 里做设计，它都有官方的库或者插件，直接在你的工具里就能调用，无缝集成。对于我们这种懒人来说，简直是福音。

Iconoir 的特色

简约一致的线条风格

所有图标都遵循统一的设计语言，采用1.5px的描边，视觉上非常和谐，能提升产品的整体质感。

完全免费且开源

基于MIT许可证，你可以免费用于任何个人或商业项目，没有任何隐藏费用或使用限制。

强大的跨平台支持

为React, Vue, Flutter, React Native等主流框架提供了官方包，还有Figma和Framer插件，覆盖了从设计到开发的全流程。

轻量且高性能

所有图标都是SVG格式，文件体积非常小，对网页加载速度很友好。

高度可定制

你可以轻松修改图标的颜色、大小、描边粗细，以适应你自己的设计系统。

社区驱动

作为一个活跃的开源项目，它由社区共同维护和贡献，不断有新的图标加入。

Iconoir 的使用场景

Web和App开发

无论你是前端开发者还是移动应用开发者，都可以通过NPM包快速将Iconoir集成到你的项目中，统一界面风格。

UI/UX原型设计

设计师可以在Figma或Framer中直接使用插件，快速拖拽图标，制作高保真原型，大大提高工作效率。

个人项目和开源项目

对于独立开发者和开源贡献者来说，一个高质量且完全免费的图标库是不可多得的资源，Iconoir是绝佳选择。

Iconoir 优缺点

优点

设计风格简约、现代，非常耐看。

真正的免费和开源，没有任何限制。

跨平台支持做得非常好，对开发者和设计师都很友好。

图标质量很高，细节处理到位。

社区活跃，持续有更新。

缺点

只有线条风格，如果你需要面性或双色图标，它就无能为力了。

图标数量和一些商业库比起来还是有差距。

Iconoir 常见问题

Q1: Iconoir 真的可以免费商用吗？

是的，Iconoir 使用 MIT 许可证，这意味着你可以完全免费地将其用于任何商业项目，无需署名，也没有任何限制。

Q2: 如何把它用在我的 React 项目里？

非常简单，只需要通过 npm 或 yarn 安装 `iconoir-react` 这个包，然后在你的组件里导入并使用就可以了。官方文档有详细的说明。

Q3: 我想要一个 Iconoir 没有的图标，怎么办？

你可以在他们的 GitHub 仓库里提交一个 issue，请求添加新的图标。因为是开源项目，社区的反馈对他们很重要。

Q4: 我可以自己修改这些图标吗？

当然可以。你可以下载 SVG 文件，然后用任何矢量编辑软件（比如Figma, Illustrator）来修改颜色、描边粗细等等。