Как создать иконку для iOS и Android

Начните с ясного символа, подготовьте источник и экспортируйте файлы для проверки на устройстве. Руководство ведёт от эскиза к интеграции.

Что такое иконка приложения?

Это визуальная марка приложения на домашнем экране, в поиске и магазине. В отличие от favicon или полного имени она должна читаться в маленьком размере и подходить к форме платформы.

Как нарисовать иконку

Используйте векторный инструмент или простую иллюстрацию. Сначала чтение, затем украшения.

Выберите один фокус

Используйте заметный символ или букву. Уберите мелкие детали и длинный текст, исчезающие при уменьшении.

Уточните силуэт

Отделите символ от фона цветом и формой. Держите важное дальше от края.

Проверьте реальные размеры

Смотрите масштаб домашнего экрана на светлом и тёмном фоне. Исправьте до экспорта оригинала.

Нужен начальный символ? Открыть редактор логотипов

Создать без дизайн-программы

Если рисунка ещё нет, начните с собственного шаблона в браузере. Он использует ту же область просмотра и экспорта ниже.

1

Выберите шаблон

Сравните Orbit, Stack и Signal — собственные неэксклюзивные SVG-исходники для изменения.

2

Измените инициалы и цвета

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

3

Проверьте перед экспортом

Откройте шаблон, выберите платформы, проверьте маски и маленькие виды и скачайте ZIP.

Посмотреть шаблоныИспользовать шаблон в генераторе

Подготовить источник для платформ

iOS: непрозрачный квадрат

Подготовьте PNG 1024 × 1024 px с полным фоном. Не добавляйте внешние скругления. iOS-экспорт помещает изображение в AppIcon.appiconset для Xcode.

Посмотреть iOS-гайд

Android: передний план и фон

Адаптивный значок использует отдельные 108 × 108-dp-слои. Держите символ в центре 66 × 66 dp. Прозрачный мотив удобен для отдельного цветного или графического фона.

Посмотреть Android-гайд

Проверить размеры · Документация Xcode Apple · Документация адаптивных иконок Android

Создать через генератор

Используйте область ниже после подготовки источника. Общий рисунок может создать iOS-каталог и Android-ресурсы.

1

Экспортируйте оригинал

Сохраните чёткий PNG 1024 × 1024 px. Для Android адаптивного формата прозрачный мотив упрощает отделение фона.

2

Загрузите и выберите платформы

Добавьте файл и включите iOS, Android или обе.

3

Проверьте вид

Настройте Android-фон и масштаб переднего плана. Важный рисунок должен помещаться в безопасной зоне.

4

Скачайте ZIP

Экспортируйте файлы: AppIcon.appiconset для iOS и res/mipmap для Android.

Открыть генератор
01
Исходное изображение
Или сгенерировать с помощью ИИ

Шаблоны иконок

Выберите собственный стиль и измените цвета и инициалы. Всё создаётся в браузере.

Выберите шаблон как исходник.

Посмотреть шаблоны и скачать SVG
02
Настройка платформ
Выбрано 2 платформ

Настройки иконки запуска Android

Адаптивный режим экспортирует передний план, фон и XML Android. Обычный режим — только растровые размеры.

03
Предпросмотр

2 платформ

Ожидание загрузки изображения

После загрузки изображения вы можете просматривать эффекты каждой платформы в реальном времени

Исходное изображение

Помогите улучшить инструмент

Проблемы с загрузкой, платформами или экспортом? Укажите страницу, браузер, платформу и шаги повторения.

Контакт откроется в новом окне, сохраняя работу. Изображения и настройки не прикладываются; не включайте конфиденциальные сведения.

Отправить отзыв (новая вкладка)
Инструмент оказался полезным?
После экспорта можете поддержать разработку чашкой кофе.
  • Вся обработка происходит в браузере — ничего не загружается.
  • Один архив покрывает iOS, Android, Chrome и другие платформы.

Каждая чашка помогает сохранять AppIconGenerator быстрым, приватным и бесплатным.

☕Угостить кофе

Настроить в Xcode и Android Studio

Храните старые ресурсы до проверки нового значка в сборке.

Настройте iOS-иконку

  1. Распакуйте ZIP и откройте Assets.xcassets в Xcode.
  2. Добавьте AppIcon.appiconset. Существующий AppIcon сохраните или замените изображение и Contents.json после проверки цели.
  3. Выберите AppIcon в цели. Подтвердите универсальную ячейку 1024 px, соберите и проверьте устройство или симулятор.

Настройте Android-иконку

  1. Распакуйте ZIP и проверьте res.
  2. Объедините mipmap-папки и mipmap-anydpi-v26 XML в app/src/main/res. Проверьте старые файлы до замены.
  3. Проверьте android:icon в AndroidManifest.xml на @mipmap/ic_launcher. Соберите и испытайте адаптивный и обычный виды.

Проверить перед выпуском

  • Сохраняйте iOS непрозрачным, оставляя углы системе.
  • Держите Android-мотив в безопасной зоне и пробуйте несколько масок.
  • Проверьте имена, вид и сборку до удаления старых ресурсов.

Вопросы об иконках

Какой исходный формат выбрать?

PNG высокого разрешения удобен. Для iOS нужен непрозрачный квадрат, для Android адаптивного — прозрачный мотив и отдельный фон.

Какой размер для iOS?

Начните с 1024 × 1024 px для универсальной ячейки. Xcode может управлять производными размерами каталога.

Зачем Android два слоя?

Лаунчеры применяют разные маски и эффекты. Разделение адаптирует изображение без потери центрального символа.

Можно использовать один рисунок на двух платформах?

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

Полезная иконка начинается с простого дизайна и завершается проверенной сборкой. Подготовив оригинал, экспортируйте через редактор иконок

Как создать свою иконку

Шаблон, картинка или ИИ

Шаблон подходит для инициалов и простых геометрических знаков. Загрузите готовый дизайн, если образ уже определён. ИИ помогает исследовать новый символ; проверьте результат до экспорта.

Проверьте маленькую версию

Оцените знак при 32 и 64 пикселях. Уберите исчезающие буквы, сравните светлый и тёмный фон, проверьте маску. Распакуйте экспорт и протестируйте ресурсы в проекте.

Генератор иконок с ИИШаблоны иконок
ПоддерживаетсяМатериал проверен:Контакты

Проверка охватывает инструкции и заявленные функции. Перед публикацией протестируйте экспортированные файлы в своём проекте.

Документация платформ:AppleAndroid