Vivid.js

Если вы ищете способ быстро и красиво добавить иконки в веб-проект, присмотритесь к Vivid JS. Это бесплатная open-source библиотека на JavaScript, в которой собрано более 90 качественных SVG-иконок, отрисованных вручную.

Главная фишка Vivid JS — в простоте. Вам больше не нужно возиться с отдельными SVG-файлами или настраивать громоздкие иконочные шрифты. Всё работает через простой HTML-синтаксис с data-атрибутами. Достаточно одной строки кода — `<i data-vi='icon-name'></i>` — и иконка уже на странице. Это очень удобно: внедрение происходит мгновенно, а стиль во всем проекте остается единым.

Что еще крутого? Гибкая настройка и легкость. Цвет и размер каждой иконки можно менять прямо в HTML. Используйте hex-коды для основного, акцентного и дополнительного цветов, а размер задавайте числом. При этом библиотека максимально оптимизирована: минимизированная версия занимает примерно в два раза меньше места, чем оригинальные SVG. А для дизайнеров предусмотрены форматы Sketch и Photoshop.

Vivid JS станет отличным подспорьем для веб-разработчиков и UI-дизайнеров, которым нужен надежный набор иконок без лицензионных платежей и тяжелых зависимостей. Инструмент идеально подходит для создания дизайн-систем, быстрой сборки прототипов и поддержания визуального порядка в веб-приложениях. Благодаря лицензии MIT библиотеку можно смело использовать где угодно: от личных пет-проектов до крупных корпоративных систем.