Генератор Favicon и иконок сайта
Создавайте многослойный favicon.ico (16x16, 32x32, 48x48), Apple Touch Icon (180x180) и иконки Android PWA из текста, изображений, SVG или эмодзи прямо в браузере.
Настоящий многослойный бинарный favicon.ico Превью вкладок и выдачи Google Готовность к iOS и Android PWA
Источник иконки
Масштаб шрифта56%
Фон, форма и отступы
Скругление углов22%
Внутренний отступ12%
Предпросмотр во вкладках и поиске
Вкладка (Светлая тема)
Anything Tools
Вкладка (Темная тема)
Anything Tools
Сниппет поиска Google
Anything Tools
https://example.com
Anything Tools — Official Website
Anything Tools
Готовый набор Favicon и иконок
favicon.ico
16×16, 32×32, 48×48 multi-layer
favicon-16x16.png
16×16 px (Browser Tab)
favicon-32x32.png
32×32 px (Retina Tab)
favicon-48x48.png
48×48 px (Google SERP)
apple-touch-icon.png
180×180 px (iOS / Safari)
android-chrome-192x192.png
192×192 px (Android / PWA)
android-chrome-512x512.png
512×512 px (PWA Splash)
HTML-теги Head и Web Manifest
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Нужно сначала перекрасить или оптимизировать исходный SVG-логотип?Просмотр и оптимизация SVG
Как создать полный набор Favicon онлайн
Сгенерируйте favicon.ico, иконки для iOS и манифест PWA за три шага.
1
Выберите источник
Введите 1–4 буквы, выберите эмодзи или загрузите логотип в формате PNG, JPG, WebP или SVG.
2
Настройте фон и проверьте превью
Настройте градиент, скругление углов и отступы, проверяя вид на светлой и темной вкладках браузера.
3
Скачайте ICO, PNG и HTML-код
Экспортируйте многослойный favicon.ico, Apple Touch Icon, иконки PWA и файл site.webmanifest.
Все необходимые форматы иконок для современного сайта
Создавайте многослойный favicon.ico (16x16, 32x32, 48x48), Apple Touch Icon (180x180) и иконки Android PWA из текста, изображений, SVG или эмодзи прямо в браузере.
Настоящий многослойный бинарный favicon.ico
Упаковывает разрешения 16x16, 32x32 и 48x48 в единый стандартный файл .ico прямо в памяти браузера.
Превью вкладок и выдачи Google
Проверьте читаемость и контрастность иконки в размере 16x16 пикселей перед скачиванием.
Готовность к iOS и Android PWA
Автоматически создает apple-touch-icon.png (180x180), иконки 192x192 и 512x512, а также site.webmanifest.
Похожие посты
Design
Полное руководство по генератору Favicon: многослойный ICO, Apple Touch и PWA
Узнайте, как создать полный набор иконок сайта в браузере: многослойный favicon.ico (16x16, 32x32, 48x48), Apple Touch Icon 180x180, иконки Android PWA и site.webmanifest.
•6 мин чтения
Developer Tools
Как просматривать, перекрашивать и оптимизировать код SVG онлайн
Живой предпросмотр SVG-кода в браузере, интерактивная смена цветов в реальном времени, сжатие XML и экспорт чётких PNG и WebP в масштабе 2x и 4x.
•5 мин чтения
Часто задаваемые вопросы
Найдите ответы на самые частые вопросы.