Vivid.js

Vivid JS es una librería de JavaScript gratuita y de código abierto que ofrece a los desarrolladores una colección de más de 90 iconos SVG creados a mano. La librería permite añadir iconos a proyectos web fácilmente mediante una sintaxis HTML sencilla con atributos de datos. En lugar de lidiar con archivos SVG individuales o fuentes de iconos complejas, puedes incluir iconos con una sola línea de código: <i data-vi='icon-name'></i>, lo que hace que la implementación de iconos sea directa y consistente entre proyectos.

Lo que hace que Vivid JS destaque son sus capacidades de personalización y su naturaleza ligera. Cada icono puede personalizarse en tamaño y color directamente a través de atributos de datos HTML: puedes establecer colores primarios, de acento y de propiedad usando códigos hex, y ajustar los tamaños numéricamente. Toda la librería está optimizada para ser ligera, y la versión minificada ocupa aproximadamente la mitad del espacio que los archivos SVG originales. Los iconos también están disponibles en formatos de Sketch y Photoshop para diseñadores.

Esta herramienta beneficia a desarrolladores web y diseñadores de UI que necesitan un conjunto de iconos fiable y personalizable sin tarifas de licencia ni dependencias pesadas. Es particularmente útil para construir sistemas de diseño consistentes, prototipar interfaces rápidamente y mantener la consistencia visual en aplicaciones web. La licencia de código abierto MIT significa que puede usarse en proyectos personales, comerciales y empresariales sin restricciones.