Генератор фавиконок
Превратите логотип, SVG, букву или эмодзи в полный набор фавиконок для браузеров, Google, iPhone и Android — с живыми превью и готовым кодом установки.
Как пользоваться: Генератор фавиконок
- 1
Выберите источник
Загрузите логотип в PNG, JPG, WebP или SVG и обрежьте его до квадрата или введите букву либо эмодзи и подберите шрифт и цвета.
- 2
Настройте платформы
Задайте фон, скругление и поле для браузеров, iOS и Android, сделайте иконку Android маскируемой и проверьте живые превью вкладок, поиска и главного экрана.
- 3
Скачайте и установите
В одном ZIP — favicon.ico, favicon.svg, PNG-иконки и site.webmanifest. Дальше — инструкции для HTML, Next.js, Vite или WordPress.
Из чего состоит современный набор фавиконок
Фавикон — это маленькая иконка во вкладке браузера, в закладках и в выдаче Google, а на телефоне она становится иконкой сайта на главном экране. Каждая платформа просит свои файлы, поэтому современный фавикон — это небольшой набор картинок и манифест веб-приложения, а не одна картинка.
Загрузите логотип в PNG, JPG, WebP или SVG и обрежьте его до квадрата или сделайте иконку из буквы либо эмодзи. Затем настройте каждую платформу отдельно: фон и скругление для браузеров и Google, сплошной фон и отступ для главного экрана iPhone, маскируемую иконку для Android, у которой логотип остаётся в безопасной зоне. Живые превью показывают вкладки браузеров в светлой и тёмной теме, панель закладок, результат в Google и главные экраны iOS и Android с масками круг, скруглённый квадрат и squircle.
Архив собран по современным рекомендациям: favicon.ico с размерами 16, 32 и 48 px, favicon.svg, если исходник в SVG (при желании с поддержкой тёмной темы), favicon-96x96.png, apple-touch-icon.png 180×180, иконки 192 и 512 px для манифеста и site.webmanifest. Скопируйте HTML-код или следуйте инструкции для Next.js, React/Vite или WordPress, а потом проверьте результат нашим сервисом проверки фавиконок. Всё создаётся прямо в браузере.
Всё работает локально в вашем браузере — изображения никуда не загружаются.