Создавайте favicon.ico и PNG favicon с живым preview вкладки

Эта страница подходит для сайтов, SaaS и продуктовых лендингов, которым нужен аккуратный favicon-пакет.

Один логотип на входе, иконки для всех платформ на выходе

Сразу видно, как логотип выглядит как favicon, desktop и mobile icon

Original logo
Исходный логотип
Browser
Desktop
Mobile
Сгенерированные иконки

Попробовать генератор

Эта страница оптимизирована под favicon.ico, видимость во вкладке браузера и читаемость на маленьких размерах.

Живой предпросмотр

Preview вкладки показывает, останется ли знак узнаваемым в реальном браузерном интерфейсе.

Предпросмотр вкладки браузера

IconBase
IconBase (Dark)
iconbase.7-image.com

Предпросмотр macOS Dock

App

Предпросмотр панели задач Windows

App
10:00

Предпросмотр мобильного экрана

9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase

Настройки и экспорт

Настраивайте фон и отступ специально под 16x16 и 32x32.

Сменить изображение

По умолчанию загружено демо-изображение. Добавьте свой логотип, чтобы проверить реальный экспорт.

Настройка изображения

Точно подстройте загруженное изображение перед экспортом.

Standard Rounded
20%
22.5%
0%
центр = 0

Смещайте загруженное изображение относительно центра с помощью X/Y-сдвига.

0%
0%
Aurora Mesh

Сплошные цвета

Градиенты

Mesh и Grid

Стекло

Паттерны

Свечение

В zip входит:

favicon-16x16.png16x16
favicon-32x32.png32x32
favicon.ico32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / Острые углы
desktop-*.png256/1024
site.webmanifestJSON

Проверка вкладок до экспорта

Тестируйте favicon в светлых и тёмных вкладках до генерации файлов.

favicon.ico плюс PNG-размеры

Создавайте favicon.ico вместе с PNG 16x16 и 32x32 для современных и legacy-сценариев.

Согласованная web icon system

Сохраняйте единый визуальный подход для browser tab, закладок, Apple touch icon и Android install icons.

Как сделать favicon-пакет

1. Загрузите web-символ

Используйте компактный знак или упрощённую версию логотипа.

2. Оптимизируйте под маленькие размеры

Подберите отступ и фон так, чтобы иконка читалась в 16x16 и 32x32.

3. Скачайте favicon-пакет

Экспортируйте zip с favicon.ico, PNG и manifest.

FAQ по favicon

Входит ли favicon.ico?

Да. Zip содержит favicon.ico помимо PNG favicon.

Зачем нужен preview вкладки?

Favicon отображается очень маленьким, поэтому preview вкладки лучше показывает реальные проблемы читаемости.

Подходит ли экспорт для PWA?

Да. В пакет также входят Apple touch, Android Chrome и manifest.