Iconoir vs Vivid.js
Iconoir
iconoir.comVivid.js
webkul.github.ioSide by side
| Figure | Iconoir | Vivid.js |
|---|---|---|
| Price from | Free | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| iOS | Yes | — |
| Plans published | 1 | 1 |
| Spec score · Icon Libraries | 8.0 (#9) | 7.0 (#38) |
| Customization | The website lets users customize icon optical size, stroke weight, and color. | Icons can be customized individually with HTML data attributes for size and primary, accent, and prop colors. |
| License | The project is available under the MIT License. | The project states that it is free and open source and carries an MIT License. |
Plans
In their own words
Iconoir
Iconoir is a free, open-source library of more than 1,600 icons drawn on a 24×24 pixel grid. 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. Documented libraries include React, React Native, Vue and Flutter packages, CSS use for HTML, and a Swift package for Xcode projects. The React package exports components that accept standard SVG properties and supports shared defaults through IconoirProvider; Flutter provides widgets using flutter_svg. Users can access Iconoir in Figma Community and 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 welcomes suggestions through Discord and GitHub, and accepts optional one-time or recurring contributions. The homepage reports 626K monthly downloads for React only.
Vivid.js
Vivid.js has no write-up on Specifiction yet; its figures are above.