Генерируйте iOS-style иконки с Apple-inspired скруглением и мобильным preview

Эта страница подходит для iOS app icon, Apple touch icon и макетов домашнего экрана iPhone.

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

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

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

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

Эта страница сфокусирована на iOS app icon, Apple touch icon и превью в стиле домашнего экрана iPhone.

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

Здесь основной акцент сделан на iPhone preview, при этом сохраняется согласованность с web и desktop.

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

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

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

Настройте логотип, отступ и скругление так, чтобы иконка естественно смотрелась на iPhone.

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

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

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

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

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

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

0%
0%
Lime Mint

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

Градиенты

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

Apple-style rounded square

Быстро проверьте, как ваш логотип выглядит в форме, близкой к иконкам iPhone.

Живой 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 он выглядит тесно. Отступ улучшает баланс.

Можно ли посмотреть результат до экспорта?

Да. Все превью обновляются в реальном времени.