Предпросмотры для ключевых платформ
Проверьте одну и ту же иконку как favicon, Apple touch icon, Android home icon, иконку Dock macOS и иконку панели задач Windows.
Создавайте аккуратные иконки для iOS, macOS, браузеров и PWA
IconBase превращает один логотип в набор иконок в стиле Apple и сразу показывает, как он выглядит во вкладках браузера, на мобильном домашнем экране, в macOS Dock и на desktop-поверхностях.
Один логотип на входе, иконки для всех платформ на выходе
Сразу видно, как логотип выглядит как favicon, desktop и mobile icon
Browser
Desktop
Mobile
Попробовать генератор
Загрузите логотип, выберите фон, настройте отступ и сразу проверьте результат во вкладке браузера, на мобильном экране, в macOS Dock и на панели задач Windows.
Живой предпросмотр
Одно и то же состояние иконки одновременно отображается в браузерных, desktop и mobile предпросмотрах.
Предпросмотр вкладки браузера
IconBase
IconBase (Dark)
Google Search
iconbase.7-image.com
Предпросмотр macOS Dock
App
Предпросмотр панели задач Windows
App
10:00
Предпросмотр мобильного экрана
9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase
Настройки и экспорт
Загрузка, выбор шаблона, настройка радиуса и экспорт собраны в одной панели.
Сменить изображение
По умолчанию загружено демо-изображение. Добавьте свой логотип, чтобы проверить реальный экспорт.
Настройка изображения
Точно подстройте загруженное изображение перед экспортом.
Standard Rounded
20%
22.5%
0%
центр = 0
Смещайте загруженное изображение относительно центра с помощью X/Y-сдвига.
0%
0%
Glass Glow
Сплошные цвета
Градиенты
Mesh и Grid
Стекло
Паттерны
Свечение
В zip входит:
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / Острые углы
desktop-*.png256/1024
site.webmanifestJSON
Apple-style обработка формы
Используйте скруглённые прямоугольники, градиенты, mesh, стеклянные эффекты и паттерны, чтобы логотип читался даже в маленьком размере.
Экспорт, готовый к использованию
Пакет включает PNG-размеры, favicon.ico, Apple touch icon, Android-файлы, maskable icons, desktop PNG и webmanifest.
Как работает IconBase
1. Загрузите логотип
Поддерживаются PNG, SVG, JPG и WEBP. Всё обрабатывается прямо в браузере.
2. Настройте внешний вид
Выберите фон, отступ и радиус, пока иконка не станет сбалансированной на всех превью.
3. Экспортируйте пакет
Скачайте zip с favicon, Apple, Android, desktop и manifest файлами.
Частые вопросы
Изображение загружается на сервер?
Нет. Рендер идёт в браузере через Canvas, поэтому исходный файл остаётся на вашем устройстве.
Какие файлы входят в экспорт?
В zip входят favicon PNG, favicon.ico, apple-touch-icon.png, Android Chrome файлы, maskable icons, desktop PNG и site.webmanifest.
Можно ли использовать это для сайта и для концептов приложений?
Да. Инструмент подходит и для favicon-пакетов, и для проверки того, как логотип выглядит как iOS/macOS icon.