Генератор спрайтів та іконкових шрифтів
10 / 10Об'єднайте власні SVG-іконки та іконки з каталогу Jinero в один SVG-спрайт або іконковий вебшрифт.
Завантажте SVG-іконки
До 50 SVG-файлів, до 512 КБ кожен. Поєднуйте власні SVG з іконками з каталогу.
До 50 SVG-файлів, до 512 КБ кожен
Як працює генератор спрайтів
Збирайте власні SVG-спрайти чи іконкові шрифти зі своїх SVG. Один інструмент, два вихідні формати й результат, готовий до продакшну.
SVG-спрайти
Об'єднайте багато SVG-іконок в один файл-спрайт із посиланнями через symbol. Один HTTP-запит завантажує всі іконки — швидше, ніж окремі файли.
Іконкові шрифти
Згенеруйте власний іконковий шрифт зі своїх SVG: файли WOFF2, WOFF і TTF плюс CSS-стилі. Використовуйте іконки як текстові символи з властивостями font-size і color.
Гнучке джерело іконок
Завантажуйте власні SVG-файли або беріть іконки з вбудованого каталогу бібліотеки. Поєднуйте джерела як завгодно — генератор зведе всі іконки до однакового viewBox.
Результат, готовий до продакшну
Завантажте ZIP з усіма згенерованими файлами, зокрема демо-HTML, CSS та інструкцією з використання. Додайте архів у проєкт і одразу користуйтеся іконками.
Часті запитання
Для сучасних проєктів зазвичай радять SVG-спрайти: вони підтримують багатоколірні іконки, рендеряться чіткіше й доступніші. Іконкові шрифти корисні, коли іконки треба стилізувати текстовими CSS-властивостями або підтримувати дуже старі браузери.
Жорсткого ліміту немає. На практиці спрайти й шрифти добре працюють із кількома сотнями іконок. Дуже великі набори краще розбити на кілька спрайтів за категоріями, щоб не завантажувати зайвих іконок.
Так. Під час обробки кожен SVG очищується й оптимізується: прибираються зайві метадані, сміття від редакторів і надлишкові контури. Результат готовий до продакшну без додаткової оптимізації.
Завантажте оновлений набір SVG і згенеруйте ще раз. Інструмент щоразу створює новий спрайт чи шрифт, тож ви завжди отримуєте чистий результат без залишків іконок із попередніх збірок.