Генератор favicon

Безкоштовно й без реєстрації: завантажте логотип (PNG, JPG, SVG) або наберіть 1–3 літери чи емодзі — отримаєте favicon.ico з розмірами 16, 32 і 48 px в одному файлі, PNG 16/32, apple-touch-icon 180×180 для iPhone, іконки 192 і 512 для Android, site.webmanifest і готовий HTML-код для <head>. Усе одразу — одним ZIP. Картинка малюється у вашому браузері: файли нікуди не завантажуються.

Джерело

Літери Емодзі Картинка

Літери (1–3)

Шрифт

Жирність

Колір літер

Фон

прозорий фон

Форма

Заокруглення: 22%

Розмір знака: 80%

Зсув по вертикалі: 0

Маніфест і шлях до файлів

Назва сайту

Коротке імʼя

Тека на сайті

Колір теми

Попередній перегляд

Мій сайт — головна

My Site
https://example.com

iPhone

Android

16 · 32 · 48 px

Завантажити файли окремо

Картинка не залишає ваш браузер: усе малюється й пакується на вашому пристрої.

Код для <head>

site.webmanifest

Покладіть файли в корінь сайту (або в теку, вказану вище), вставте код у <head> і перевірте результат: перевірка favicon.

Коротко про інструмент

Ціна: Безкоштовно
Реєстрація: Не потрібна
Де відбувається обробка: У вашому браузері — дані не надсилаються на сервер
Що приймає: Картинка з вашого пристрою (PNG, JPG, SVG, WebP, GIF до 15 МБ), 1–3 літери або емодзі
Ліміти: Без лімітів
Результат: favicon.ico (16, 32, 48 px), PNG 16/32, apple-touch-icon 180, android-chrome 192 і 512, favicon.svg (для літер, емодзі й SVG), site.webmanifest і HTML-код — одним ZIP
Оновлено: 2026-10-13

Альтернативи

Інші інструменти для того самого завдання і в чому кожен із них сильний:

RealFaviconGenerator — Дозволяє налаштувати значок окремо для кожної платформи (iOS, Android, Windows, Google), робить SVG-favicon і перевіряє вже встановлений набір.
favicon.io — Швидкий генератор із тексту, картинки, SVG або емодзі; віддає ZIP з іконками й site.webmanifest.

Коли обрати цей інструмент: Коли логотип не має йти на чужий сервер, а потрібен одразу весь набір — ICO, PNG, маніфест, SVG і код — із переглядом у вкладці, видачі й на телефоні, українською, російською, польською чи англійською.

Описи звірено із сайтами цих інструментів у жовтні 2026 року.

Як створити favicon для сайту

Favicon — значок сайту у вкладці браузера, закладках, на екрані смартфона й поруч з адресою в мобільній видачі Google. Генератор робить повний набір файлів із логотипа, 1–3 літер або емодзі: favicon.ico з розмірами 16, 32 і 48 px в одному файлі, PNG 16×16 і 32×32, apple-touch-icon 180×180 для iPhone (з непрозорим фоном — iOS заливає прозорість чорним), іконки 192 і 512 для Android і site.webmanifest, а для літер і емодзі ще й favicon.svg. Дрібні розміри малюються з великого в кілька кроків, тому не «рвуться». Попередній перегляд показує вкладку у світлій і темній темі, видачу й домашній екран. Усе створюється в браузері й завантажується одним ZIP.

З картинки (PNG, JPG, SVG, WebP), літер або емодзі

favicon.ico з 16, 32 і 48 px в одному файлі

PNG 16/32, apple-touch-icon 180, Android 192 і 512, favicon.svg

site.webmanifest і готовий код для <head>

Форма, заокруглення, фон або прозорість, розмір знака

Перегляд у вкладці, видачі, на iPhone і Android; усе в браузері

Як користуватися

Оберіть джерело: літери, емодзі або своя картинка
Налаштуйте кольори, форму й розмір знака, звіряючись із переглядом
Завантажте ZIP і розпакуйте файли в корінь сайту
Вставте код у <head> і перевірте результат перевіркою favicon

FAQ

Мінімум — favicon.ico в корені (його браузери шукають самі), PNG 32×32 і apple-touch-icon 180×180. Для Android і встановлення як застосунку — іконки 192 і 512 у site.webmanifest. favicon.svg зручний тим, що чіткий на будь-якому екрані, але Safari на iOS його не використовує — тому ICO і PNG залишаються.

За правилами Google значок має бути квадратним, розміром кратним 48 px (48×48, 96×96, 144×144…) або SVG, а файл і головна сторінка — відкриті для Googlebot. Значок оновлюється не одразу: Google перечитує його під час обходу головної, це може тривати тижні.

Нікуди. Картинка читається й перемальовується у вашому браузері, ICO і ZIP збираються там само; на наш сервер файл не надсилається й не зберігається.

Браузери довго кешують значок. Відкрийте сам файл /favicon.ico й оновіть його з Ctrl+F5 (Cmd+Shift+R на Mac) або додайте до адреси в коді версію, наприклад favicon.ico?v=2. Перевірити, що бачить сервер, можна нашою перевіркою favicon.

RealFaviconGenerator зручний, коли треба окремо налаштувати вигляд для кожної платформи. favicon.io швидко робить значок із тексту, картинки або емодзі. Цей генератор обирайте, якщо важливо, щоб файл не залишав комп’ютер, і потрібен увесь набір із маніфестом і кодом одразу — українською, російською, польською чи англійською.

Який файл де використовується

Файл	Розмір	Де видно
favicon.ico	16, 32, 48 px	вкладки й закладки всіх браузерів; браузери шукають його в корені сайту навіть без тегу
favicon.svg	векторний	вкладки Chrome, Edge, Firefox — чіткий на будь-якому екрані
favicon-32x32.png, favicon-16x16.png	32, 16 px	вкладки й закладки, якщо браузер обирає PNG
apple-touch-icon.png	180 px	значок на домашньому екрані iPhone та iPad
android-chrome-192/512.png	192, 512 px	домашній екран Android, встановлення сайту як застосунку (через site.webmanifest)

Як встановити

Розпакуйте ZIP у корінь сайту — туди, де лежить головна сторінка (або в теку, яку ви вказали в налаштуваннях).
Вставте код із поля «Код для <head>» у шаблон сайту перед закривальним </head>.
У WordPress простіше: «Зовнішній вигляд → Налаштувати → Властивості сайту → Значок сайту» — завантажте PNG 512×512 з архіву, інші розміри WordPress зробить сам.
Перевірте результат перевіркою favicon: вона покаже, які файли знаходять сервер і браузер.

Яким зробити значок

Простішим за логотип. У 16×16 px не читається ні текст, ні дрібні деталі — залиште першу літеру, символ або знак без напису.
Контраст із вкладкою. Вкладки бувають світлими й темними: звіртеся з обома варіантами в попередньому перегляді. Темний знак на прозорому фоні зникне в темній темі.
Поля. Для iPhone і Android залишайте 10–20% відступу: системи заокруглюють кути іконки самі.

Чесно про обмеження

Емодзі малюється шрифтом вашої системи — на Windows, macOS і Android він різний, а favicon.svg з емодзі на кожному пристрої покаже своє емодзі.
Значок, що змінює колір під темну тему (SVG з prefers-color-scheme), і «масковані» іконки Android (maskable) генератор не робить.
Застарілі файли browserconfig.xml і mstile для плиток Windows 8/10 не створюються — сучасним браузерам вони не потрібні.
Якщо вихідна картинка менша за 512 px, великі іконки будуть розмитими — ми попередимо; краще завантажити SVG.