Безкоштовно · Без водяного знака · 52 мов

Генератор фавіконок для будь-якого пристрою

Перетворіть будь-яке зображення на favicon.ico, Apple touch icons, значки для Android і PWA та готовий HTML-код для вставки. Або намалюйте власний значок піксель за пікселем.

Вихідне зображення

Реклама

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

16×16
32×32
48×48
iOS
Android
Налаштування застосунку
Додаткові параметри

Набори значків

Розміри всередині favicon.ico

Ваше зображення обробляється безпечно й ніколи не публікується.

Ваш пакет favicon готовий

Завантажте файли з ZIP-архіву та вставте цей код у <head>

Як створити фавіконку за 3 кроки

Від будь-якого логотипу чи зображення до повного набору фавіконок за стандартами – менш ніж за хвилину.

Завантажте зображення

Перетягніть файл PNG, JPG, WebP, AVIF, GIF, SVG або ICO у генератор або намалюйте значок у піксельному редакторі.

Налаштуйте обрізання та кольори

Перетягуйте та масштабуйте зображення, задайте відступ, заокруглені кути, фон і колір теми.

Завантажте та встановіть

Завантажте ZIP-архів, додайте файли на свій вебсайт і вставте HTML-код у <head>.

Усе, що потрібно для значка вашого вебсайту

Одне завантаження створює всі значки, які потрібні сучасним браузерам, телефонам, планшетам і операційним системам.

Фавіконки для браузерів

Багаторозмірний favicon.ico та PNG-значки 16, 32 і 96 px для Chrome, Firefox, Safari та Edge.

Apple touch icons

Усі розміри для головного екрана iPhone та iPad від 57 до 180 px із суцільним фоном.

Android і PWA

Значки до 512 px, maskable-значок і готовий manifest.json для встановлюваних вебзастосунків.

Плитки Windows

Зображення плиток і browserconfig.xml із кольором вашої плитки.

Піксельний редактор

Намалюйте чіткий значок 16×16 з нуля або вдосконалюйте кожен піксель завантаженого зображення.

HTML-код у комплекті

Код для <head>, який можна просто скопіювати й вставити, є на сторінці завантаження та в readme кожного пакета.

REST API

Автоматизуйте створення фавіконок за допомогою персональних API-ключів і готових прикладів коду.

Приватність і безпека

Жодного хотлінкінгу, жодних публічних галерей. Ваші значки залишаються вашими – на вашому власному сервері.

Розміри фавіконок у пакеті

ФайлРозмірВикористання
favicon.ico16, 32, 48Усі браузери, Windows, пошукові роботи
favicon-16x16.png, favicon-32x32.png16, 32Вкладки браузера, закладки
favicon-96x96.png96Результати пошуку Google, ярлики на робочому столі
apple-icon-*.png, apple-touch-icon.png57 – 180Головний екран iPhone та iPad
android-icon-*.png, web-app-manifest-*.png36 – 512Головний екран Android, PWA
maskable-icon-512x512.png512Адаптивні значки Android
ms-icon-*.png70 – 310Плитки меню «Пуск» Windows
manifest.json, site.webmanifest, browserconfig.xml—Встановлення PWA, конфігурація Windows

Поширені запитання

Що таке favicon?
Favicon – це невелика іконка, яка відображається у вкладках браузера, закладках, історії та результатах пошуку поруч із назвою вашого сайту. Сучасним сайтам також потрібні більші версії для головних екранів iPhone і Android, плиток Windows та Progressive Web Apps.
Які формати зображень можна завантажувати?
Можна завантажити PNG, JPG, WebP, AVIF, GIF, BMP, SVG або наявний файл ICO. Для найчіткішого результату використовуйте квадратне зображення розміром щонайменше 512 × 512 пікселів із прозорим тлом.
Що містить пакет favicon?
Багаторозмірний favicon.ico (16, 32 і 48 px), PNG-favicon, усі значки Apple touch, значки для Android і PWA, зокрема maskable-значок, зображення плиток Windows, manifest.json, site.webmanifest, browserconfig.xml і файл readme з кроками встановлення та готовим HTML-кодом для вставки.
Чи безкоштовний MakeFav?
Так. Створення, редагування та завантаження favicon повністю безкоштовні. Потрібен лише безкоштовний обліковий запис із підтвердженою адресою електронної пошти; безкоштовні облікові записи включають нашу розсилку, яку ми надсилаємо не частіше ніж раз на тиждень.
Чому для завантаження потрібен обліковий запис?
Облікові записи захищають сервіс від зловживань і hotlinking, зберігають історію ваших пакетів favicon і дають вам персональні API-ключі. Згенеровані іконки ніколи не публікуються та не підключаються напряму з наших серверів – ви розміщуєте їх самостійно.
Як встановити favicon на свій сайт?
Розпакуйте архів, завантажте всі файли в кореневу папку вашого сайту та вставте HTML-фрагмент у розділ <head> кожної сторінки. Такий самий код також є в кінці файлу readme-makefav.txt у пакеті.
Чи потрібен favicon.ico у 2026 році?
Так. Багато інструментів, пошукових роботів і старіших браузерів досі автоматично запитують /favicon.ico. Поєднуйте його з PNG- і SVG-іконками та web manifest для найкращого охоплення.
Чи можна генерувати favicon автоматично?
Так. Скористайтеся REST API MakeFav зі своїм персональним API-ключем, щоб генерувати повні пакети favicon у вашому build-процесі, CMS або застосунку. Приклади коду дивіться в документації API.