Бесплатный онлайн-инструмент
Генератор favicon
Создайте фавиконку из эмодзи, пары букв или своего логотипа: настройте фон и форму, скачайте PNG всех размеров и вставьте готовый код в сайт. Всё в браузере.
Фон виден, если эмодзи или логотип с прозрачностью.
Как установить favicon
- Выберите источник: эмодзи или текст (🚀, ⚡, инициалы бренда) либо свой логотип — загрузите PNG, JPG, WEBP или SVG до 1 МБ.
- Подберите фон и форму. Для прозрачных логотипов можно подложить фирменный цвет или оставить фон прозрачным.
- Наведите на нужную иконку в превью и нажмите «Скачать» (на телефоне — просто тапните по ней), затем загрузите PNG в корень сайта.
- Вставьте код из поля выше в секцию
<head>всех страниц.
Всё происходит в браузере: изображение не загружается на сервер. Цвет фона под бренд удобно подобрать в конвертере HEX в RGB.
Частые вопросы
Какие размеры favicon нужны сайту?
Базовый набор: 32×32 (вкладка браузера), 180×180 (apple-touch-icon для iOS), 192×192 и 512×512 (Android и PWA-манифест). Формат .ico необязателен — все современные браузеры понимают PNG.
Можно ли загрузить свой логотип?
Да, на вкладке «Своё лого» загрузите PNG, JPG, WEBP или SVG размером до 1 МБ — инструмент впишет его во все размеры favicon. Если логотип на прозрачном фоне (PNG или SVG), можно подложить цвет фона и выбрать форму (квадрат, скруглённый, круг) или оставить прозрачным.
Нужен ли файл favicon.ico?
Желателен как запасной: старые браузеры и некоторые сервисы запрашивают /favicon.ico напрямую. Положите в корень сайта копию 32×32 — многие серверы отдают PNG по этому имени без проблем, либо конвертируйте в .ico любым конвертером.
Как добавить favicon на сайт?
Скачайте сгенерированные PNG, загрузите их на сайт и вставьте в <head> готовый код из инструмента: три тега link для обычной иконки, iOS и Android.
Почему favicon не обновляется?
Браузеры агрессивно кэшируют иконки. Добавьте к адресу параметр версии (favicon.png?v=2), обновите страницу с очисткой кэша или проверьте в приватном окне.