Iconoir

Description

A high-quality open-source icon library supporting multiple frontend frameworks, Figma, Framer, 24x24px perfection, and linear/solid styles.

Visit Site

What is Iconoir

Iconoir is an open-source icon library that I personally really like; it has an indescribable sense of freshness. There are too many icon libraries out there now, either too flashy or too dull. Iconoir is like a breath of fresh air. It doesn't chase quantity but polishes each icon as a work of art. It currently has over 1600 icons, all in SVG format, with a unified line style that just looks comfortable. Most importantly, it's completely free and open-source, with no strings attached, which is a rare find these days.

Homepage

How to use Iconoir

It's incredibly easy to use and friendly for both developers and designers. You can search and filter right on the official website, then copy the SVG code or download the file with a single click. But its biggest strength is its cross-platform support. Whether you're using React, Vue, Flutter, or designing in Figma or Framer, it has official libraries or plugins, allowing you to call the icons directly from your tools for seamless integration. For lazy people like us, it's a real blessing.

Iconoir Key Features

Simple and Consistent Line Style

All icons follow a unified design language with a 1.5px stroke, creating a visually harmonious look that enhances the overall quality of your product.

Completely Free and Open Source

Based on the MIT license, you can use it for free in any personal or commercial project without any hidden fees or usage restrictions.

Powerful Cross-Platform Support

Provides official packages for major frameworks like React, Vue, Flutter, and React Native, as well as plugins for Figma and Framer, covering the entire workflow from design to development.

Lightweight and High-Performance

All icons are in SVG format, resulting in very small file sizes that are friendly to web page loading speeds.

Highly Customizable

You can easily change the color, size, and stroke width of the icons to fit your own design system.

Community-Driven

As an active open-source project, it is maintained and contributed to by the community, with new icons being added continuously.

Iconoir Use Cases

Web and App Development

Whether you are a front-end developer or a mobile app developer, you can quickly integrate Iconoir into your project via NPM packages to unify the interface style.

UI/UX Prototyping

Designers can use the plugin directly in Figma or Framer to quickly drag and drop icons and create high-fidelity prototypes, greatly improving work efficiency.

Personal and Open-Source Projects

For indie developers and open-source contributors, a high-quality and completely free icon library is a rare resource, and Iconoir is an excellent choice.

Iconoir Pros & Cons

Pros

Simple, modern design style that is very timeless.

Truly free and open-source with no restrictions.

Excellent cross-platform support, friendly to both developers and designers.

High-quality icons with great attention to detail.

Active community with continuous updates.

Cons

Only offers a line style, so it's not suitable if you need filled or two-tone icons.

The number of icons is still smaller compared to some commercial libraries.

Iconoir FAQ

Q1: Is Iconoir really free for commercial use?

Yes, Iconoir is licensed under the MIT License, which means you can use it completely free for any commercial project without attribution or any restrictions.

Q2: How do I use it in my React project?

It's very simple. Just install the `iconoir-react` package via npm or yarn, then import and use it in your components. The official documentation has detailed instructions.

Q3: What if I need an icon that Iconoir doesn't have?

You can submit an issue in their GitHub repository to request a new icon. As an open-source project, community feedback is very important to them.

Q4: Can I modify these icons myself?

Of course. You can download the SVG files and use any vector editing software (like Figma or Illustrator) to change colors, stroke widths, and more.

More about Icons

Health Icons

A free open-source icon library for healthcare projects with over 1,166 high-quality icons and symbols, created for global health initiatives.

Tabler Icons

A free open-source (MIT License) icon library with 2,150 icons, adjustable weight and size.

Icones

Aggregates 118 icon packs with powerful search. Supports React/Vue components, UnoCSS integration, and multiple formats. A must-have for frontend developers.