Vivid.js is a ready-to-use, open-source SVG icon library and JavaScript library that provides a collection of hand-crafted icons for web projects. It is designed to be highly customizable and lightweight, ensuring both visual quality and performance.

The main features of this tool include:

• Rich Icon Set: The library includes 90+ pixel-perfect and hand-crafted icons, and the developers also accept requests for new additions.

• Simplified Implementation: Icons can be easily included in a website using a simple <i> tag with a unique data-vi attribute to specify the icon name.

• Dynamic Customization: Each individual icon can be customized in terms of size (data-vi-size) and color palette, including primary, accent, and "prop" colors, using dedicated data attributes.

• Global Configuration: To maintain consistency, the colors and sizes for the entire library can be updated globally via a configuration file (src/config.js) and re-compiled.

• Lightweight Performance: The library is optimized for speed; its minified version is approximately half the size of the original SVG icons.

• Custom Bundling: Beyond the default set, users can create a custom Vivid.js bundle using their own specific set of SVG icons.

• Open Source Transparency: The tool is released under the MIT License, making it free to use and adapt.