Apple-style rounded square
Быстро проверьте, как ваш логотип выглядит в форме, близкой к иконкам iPhone.
Генерируйте iOS-style иконки с Apple-inspired скруглением и мобильным preview
Эта страница подходит для iOS app icon, Apple touch icon и макетов домашнего экрана iPhone.
Один логотип на входе, иконки для всех платформ на выходе
Сразу видно, как логотип выглядит как favicon, desktop и mobile icon
Browser
Desktop
Mobile
Попробовать генератор
Эта страница сфокусирована на iOS app icon, Apple touch icon и превью в стиле домашнего экрана iPhone.
Живой предпросмотр
Здесь основной акцент сделан на iPhone preview, при этом сохраняется согласованность с web и desktop.
Предпросмотр вкладки браузера
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
Настройки и экспорт
Настройте логотип, отступ и скругление так, чтобы иконка естественно смотрелась на iPhone.
Сменить изображение
По умолчанию загружено демо-изображение. Добавьте свой логотип, чтобы проверить реальный экспорт.
Настройка изображения
Точно подстройте загруженное изображение перед экспортом.
Standard Rounded
20%
22.5%
0%
центр = 0
Смещайте загруженное изображение относительно центра с помощью X/Y-сдвига.
0%
0%
Lime Mint
Сплошные цвета
Градиенты
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
Живой iPhone preview
Сразу видно, есть ли проблемы с отступом, контрастом и визуальным весом на мобильном экране.
Экспорт, удобный для Apple
Пакет включает apple-touch-icon.png и остаётся совместимым с web-иконками.
Как создать iOS icon
1. Загрузите символ
Начните с glyph, логотипа или знака приложения.
2. Настройте отступ и скругление
Добейтесь визуального баланса внутри rounded square.
3. Экспортируйте Apple-файлы
Скачайте zip с Apple touch icon и сопутствующими web-файлами.
FAQ по iOS icon
Это только для нативных iOS-приложений?
Нет. Страница также подходит для Apple touch icon, PWA и ранних брендовых концептов.
Почему важен отступ?
Если логотип слишком плотно заполняет rounded square, на экране iPhone он выглядит тесно. Отступ улучшает баланс.
Можно ли посмотреть результат до экспорта?
Да. Все превью обновляются в реальном времени.