Vivid.js

Free plan Web

What Vivid.js is

Vivid.js is a free, open-source JavaScript library for placing customizable SVG icons in a web page’s DOM. The library includes more than 90 icons and lets developers adjust each one with HTML data attributes for size and primary, accent, and prop colors. Its minified version is described as about half the size of the original SVG icons, and it adds icons without development dependencies. Developers can include its JavaScript file in a web project and install it through jsDelivr, UNPKG, npm, yarn, or bower. The icons directory can be edited to add, replace, or remove icons before building a custom bundle. Documentation links downloadable icon sets for Photoshop and Sketch, and new icon requests are accepted. Vivid.js uses the MIT License, allows commercial use, and requires a browser that supports JavaScript. The listed Free and Open Source plan costs nothing.

Who it suits

Vivid.js suits web developers who need adjustable SVG icons and want to build a customized icon bundle. It also fits projects that need Photoshop or Sketch icon sets and commercial use under the MIT License.

What it does well

90+ customizable SVG icons
HTML controls for size and colors
No development dependencies required
Custom bundles can add or remove icons
Free MIT-licensed commercial use

What to know first

Requires a JavaScript-capable browser
Web platform only
No paid tiers or usage limits stated

Plans

Plan	Billed and limits	Price
Free and Open Source	No paid tiers or usage limits stated	Free

As webkul.github.io lists them, read 11 Oct 2026. The maker's own page has the final word.

Verdict

Vivid.js provides a focused icon library for web projects, with per-icon styling and custom bundle options. Its free MIT licensing and multiple installation paths make it practical for developers who want control over SVG assets.

Facts from Vivid.js's own pages

Browser requirement: Vivid.js requires a browser that supports JavaScript. · webkul.github.io, 11 Oct 2026
Custom icon bundles: Developers can add, replace, or remove icons in the icons directory and build a customized bundle. · webkul.github.io, 11 Oct 2026
Customization: Icons can be customized individually with HTML data attributes for size and primary, accent, and prop colors. · webkul.github.io, 11 Oct 2026
Dependencies: The library can add icons to the DOM without development dependencies. · webkul.github.io, 11 Oct 2026
Design tools: The documentation links downloadable icon sets for Photoshop and Sketch. · webkul.github.io, 11 Oct 2026
Icon count: The home page describes the library as having 90+ pixel perfect, hand crafted icons. · webkul.github.io, 11 Oct 2026
Icon requests: The home page says requests for new icons are accepted. · webkul.github.io, 11 Oct 2026
Install options: The documentation describes installation through jsDelivr, UNPKG, npm, yarn, or bower. · webkul.github.io, 11 Oct 2026
License: The project states that it is free and open source and carries an MIT License. · webkul.github.io, 11 Oct 2026
Lightweight: The home page says the minified version is around half the size of the original SVG icons. · webkul.github.io, 11 Oct 2026
Maker headquarters: Webkul identifies its headquarters as being in Noida, Uttar Pradesh, India. · webkul.com, 11 Oct 2026
Platform use: The documentation shows the library being added to a web project by including its JavaScript file. · webkul.github.io, 11 Oct 2026
Purpose: Vivid.js is a JavaScript SVG icon library for adding customizable icons to the DOM. · webkul.github.io, 11 Oct 2026

Where Vivid.js stands on Freedom251

Icon Libraries#38 of 46