Генератор SVG Favicon
Загрузите изображение и получите масштабируемые SVG‑иконки для современных браузеров.
Преобразуйте PNG или JPG в векторные SVG‑favicons, которые остаются чёткими на дисплеях с высоким DPI и при любом увеличении.
Click or drag image here
Supports PNG, JPG, SVG, WEBP
Browser favicons (16x16, 32x32, 48x48)
Apple Touch Icons for iPhone & iPad
Android Chrome icons for PWA
SVG favicon & Safari pinned tab icon
Auto-generated site.webmanifest
PWA-ready favicon & manifest
Generate icons for Progressive Web Apps
Конфиденциальность / Безопасность
- Обработка файлов только в браузере
- Загрузки не сохраняются на сервере
- Автоматическая очистка данных после генерации
Для кого
- Разработчики
- Дизайнеры
- Indie‑разработчики
- Основатели SaaS‑проектов
Сценарии использования
- Favicon для сайта
- PWA‑иконка
- Веб‑приложения
- Временные иконки мобильных приложений
Что такое SVG Favicon?
SVG favicon — это векторный формат иконок сайта, который идеально масштабируется на любых экранах. В отличие от PNG или ICO, SVG‑иконки остаются чёткими на дисплеях с высоким разрешением и при сильном зуме.
Преимущества SVG‑favicons
- Бесконечное масштабирование без потери качества
- Меньший размер файла по сравнению с растровыми иконками
- Отличный вид на Retina‑ и HiDPI‑дисплеях
- Простая стилизация при помощи CSS
- Поддержка во всех современных браузерах
Как мы генерируем SVG‑favicons
Загруженное вами изображение векторизуется с помощью алгоритмов трассировки, преобразуя растровое изображение (PNG, JPG) в SVG‑пути, подходящие для favicon.
Лучше всего подходит для:
- Логотипов
- Простых иконок
- Плоских иллюстраций
- Минималистичных графиков
Как использовать SVG Favicon
Простой пример SVG favicon:
<link rel="icon" type="image/svg+xml" href="/favicon.svg">Пример для закреплённых вкладок Safari:
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000">SVG vs PNG vs ICO
| Формат | Масштабируемый | Подходит для Retina | Удобство редактирования | Рекомендуемое использование |
|---|---|---|---|---|
| SVG | Да | Да | Да | Современные браузеры |
| PNG | Нет | Частично | Нет | Классические растровые иконки |
| ICO | Нет | Частично | Нет | Windows / устаревшие браузеры |
Загрузите изображение и создайте SVG Favicon