Vivid.js review
A focused, flexible icon library for developers who need a small custom set.
Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026
Vivid.js is an open-source JavaScript library for adding SVG icons to web pages through HTML data attributes. It is aimed at developers, solo users, and small teams that need a compact icon set with control over presentation. The library includes more than 90 ready-to-use icons, with customization for icon size and primary, accent, and prop colors. Its formats include SVG, JavaScript, Sketch, and Photoshop, giving both web developers and designers ways to work with the collection.
Customization is the main reason to choose Vivid.js. Icons can be adjusted directly for size and color, while custom bundle creation lets developers add, replace, or remove icons for a more focused package. A cheatsheet for icon names supports the workflow, and HTML data-attribute embedding keeps implementation tied to markup. Installation and distribution options cover npm, Yarn, Bower, jsDelivr, and UNPKG, which fits common web development workflows and supports package-based or CDN-based delivery.
Vivid.js is strongest when a project needs a small, visually adjustable collection rather than broad icon coverage. Its open-source model and free availability suit solo developers and small teams, while Sketch and Photoshop downloads extend the library into design work. The trade-off is scope: more than 90 icons is a narrow collection for projects that need extensive subject coverage. Teams seeking a larger library or support beyond web-focused use should consider a broader icon option. Vivid.js is a practical fit for compact bundles, custom colors, and straightforward web integration, but less suitable when breadth is the primary requirement.
Vivid.js pros and cons
- Where it wins
- 90+ SVG icons with customizable size and colors
- Custom bundles can add, replace, or remove icons
- npm, Yarn, Bower, jsDelivr, and UNPKG distribution
- Where it doesn't
- The collection is limited to 90+ icons
- Designed for web projects rather than broader platforms
- Support is centered on documentation and community
Vivid.js fact sheet, pricing and score →
Advertiser disclosure: iTechGuides is reader-supported. Vendors can pay for top positions in our rankings and for a place on other products' pages, and we may earn a commission when you click some links. Bought places stand at the number bought; this page and our disclosure say so. Paying vendors may get a fuller, more detailed review from our editors, and that review can change their score. How we rank.
Last updated · How we research and update