Iconoir

Iconoir is a free, open-source collection of more than 1,600 icons drawn on a 24×24 pixel grid. The icons are available as SVGs and in font, React, React Native, Flutter, Figma, and Framer formats. A web editor lets users adjust optical size, stroke weight, and color. Developers can use documented packages for React, React Native, Vue, and Flutter, add icons through CSS in HTML, or use a Swift package for Xcode projects. The React package provides icon components that accept standard SVG properties and IconoirProvider for shared defaults. Flutter icons are supplied as widgets using flutter_svg. Users can find Iconoir in Figma Community or insert it in Framer through Insert > Graphics > Iconoir. The documentation identifies the library as MIT licensed, and commercial use is allowed. There are no premium icons, email sign-up, or newsletters. The project invites suggestions through Discord and GitHub and accepts optional one-time or recurring contributions. Its homepage reports 626K monthly downloads for React only.

Iconoir offers a broad set of formats, documented packages, and basic visual customization at no cost. Its MIT license permits commercial use, and the project also accepts optional contributions.

Iconoir suits developers and designers looking for a free icon library with options for web, app, and design tools. Its customization editor and documented packages may be useful to people working with React, Flutter, Figma, or Framer.

Iconoir is an open-source library of more than 1,600 icons for design and software projects. It suits teams that want one customizable set across design tools and several development frameworks. Its broad format support and MIT license make it a useful free choice, provided its 24×24-grid style fits the interface.

Overview

Iconoir offers more than 1,600 unique SVG icons built on a 24×24 pixel grid, with no premium icon tier. The MIT license permits commercial use, so individuals and teams can use the same library in commercial products without paying for access to icons. The consistent grid gives the collection a defined visual system; projects seeking a different look may prefer another library.

A web editor adjusts optical size, stroke weight and color. These controls help tailor the icons to an interface’s visual weight, while keeping the product focused on icon customization rather than general design work.

Key features

Formats and design tools

Icons are available as SVGs, an icon font, and formats or integrations for React, React Native, Flutter, Figma and Framer. Figma Community support suits designers working in Figma, and Framer users can insert icons through Insert > Graphics > Iconoir. CSS usage also supports HTML projects. This range makes it practical to carry one icon set from design into different kinds of product code.

Framework packages

Documented packages cover React, React Native, Vue and Flutter, with a Swift package for Xcode projects. The React package exports icons as components, accepts standard SVG properties and supports shared defaults through IconoirProvider. That gives React teams familiar ways to set icon attributes consistently. Flutter icons are exported as widgets using flutter_svg. These framework options are useful for teams already building in the supported stacks; the library’s appeal is less direct when a project needs an unrelated asset type.

Community and project support

Users can join the Discord community to offer suggestions and feedback or submit requests through GitHub. The project also accepts one-time or recurring contributions toward its costs and development time. Contributions are optional, so they do not change the free library’s terms.

Pricing

Iconoir costs nothing. The free plan includes the open-source icon library, its customization options, formats and documented packages; there is no trial because there is no paid plan to try. The project says it has no premium icons, and commercial use is permitted under the MIT license. Optional contributions support development but are not required for access.

There are no seat charges or stated usage quotas in the plan. The React documentation says the library requires no email sign-up and sends no newsletters. The homepage reports 626K downloads per month on React only, an indicator of that package’s use rather than a usage limit.

Platforms

Iconoir supports iOS and web. Its formats and packages extend to design workflows in Figma and Framer, and development workflows including React, React Native, Vue, Flutter, CSS and Swift for Xcode. Those options give teams several ways to use the library, though platform support does not make Iconoir a general-purpose design application.

Who it's for

Iconoir is a strong fit for designers and developers who want a free, commercially usable icon set shared across mockups and code. React teams get component exports and shared defaults, while Flutter developers get widgets; Figma and Framer users can bring the icons into their design workflows. It is less suited to projects whose visual direction does not fit the set’s 24×24 grid or that need assets beyond icons.

Pros and cons

• Broad format coverage: SVG, font, framework, Figma and Framer options help teams reuse the same set across design and development.
• Useful visual controls: The web editor adjusts optical size, stroke weight and color, giving users ways to align icons with an interface.
• Commercial use at no cost: The MIT license and absence of a premium icon tier make the library viable for commercial products without a license fee.
• One defined visual system: The collection uses a 24×24 grid, which can be limiting for teams seeking a different icon style.
• Focused scope: Iconoir supplies icons and related packages, not a broader design or asset service.

Alternatives

For a wider comparison, browse Icon Libraries. Ant Design Icons is another free, MIT-licensed option, with npm packages for Vanilla, React, React Native, Angular and Vue; choose it when those package options better match your stack. Lordicon is an alternative if you want animated icons and its free plan’s collection and export terms suit your needs.

Eva Icons is a free, MIT-licensed open-source set with 480+ icons, a smaller collection for readers comparing free libraries. Hugeicons offers a free plan with 6,000+ Stroke Rounded icons, a web app and design and development plugins; its Pro plan is $99 a year for readers who want its larger paid catalog. Lucide is a free, ISC-licensed option with no paid tiers or usage limits stated on its pages. Material Symbols offers over 2,500 glyphs under Apache License 2.0 in SVG, PNG and font formats.

Tabler Icons provides 6,200+ MIT-licensed SVG icons and community support on its free open-source plan; consider it when a larger SVG collection is the priority. Ionicons is another completely open-source, MIT-licensed library.

Verdict

Choose Iconoir if you want a free, commercially usable icon library that can move between design tools and several development frameworks. Its strongest reason to choose is the combination of format breadth, basic visual customization and a permissive license without a premium icon tier. Look elsewhere if the 24×24-grid collection does not suit your visual direction or you need a broader asset offering.