Создание иконок мобильного приложения

TRUETECH занимается разработкой, поддержкой и обслуживанием мобильных приложений iOS, Android, PWA. Имеем большой опыт и экспертизу для публикации мобильных приложений в популярные маркеты Google Play, App Store, Amazon, AppGallery и другие.
8+Лет на рынке900+Реализованных проектов100+Разработчиков в штате19+Партнеров
Разработка и поддержка любых видов мобильных приложений:
Информационные и развлекательные мобильные приложения
Новостные приложения, игры, справочники, онлайн-каталоги, погодные, фитнес и здоровье, туристические, образовательные, социальные сети и мессенджеры, квиз, блоги и подкасты, форумы, агрегаторы
Мобильные приложения электронной коммерции
Интернет-магазины, B2B-приложения, маркетплейсы, онлайн-обменники, кэшбэк-сервисы, биржи, дропшиппинг-платформы, программы лояльности, доставка еды и товаров, платежные системы
Мобильные приложения для управления бизнес-процессами
CRM-системы, ERP-системы, управление проектами, инструменты для команды продаж, учет финансов, управление производством, логистика и доставка, управление персоналом, системы мониторинга данных
Мобильные приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, платформы предоставления электронных услуг, платформы кешбека, видеохостинги, тематические порталы, платформы онлайн-бронирования и записи, платформы онлайн-торговли

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

Предлагаемые услуги
Показано 1 из 1 услугВсе 1735 услуг
Создание иконок мобильного приложения
Простая
~2-3 рабочих дня
Часто задаваемые вопросы
Наши компетенции:
Этапы разработки
Последние работы
  • image_mobile-applications_feedme_467_0.webp
    Разработка мобильного приложения для компании FEEDME
    756
  • image_mobile-applications_xoomer_471_0.webp
    Разработка мобильного приложения для компании XOOMER
    624
  • image_mobile-applications_rhl_428_0.webp
    Разработка мобильного приложения для компании RHL
    1052
  • image_mobile-applications_zippy_411_0.webp
    Разработка мобильного приложения для компании ZIPPY
    947
  • image_mobile-applications_affhome_429_0.webp
    Разработка мобильного приложения для компании Affhome
    862
  • image_mobile-applications_flavors_409_0.webp
    Разработка мобильного приложения для компании FLAVORS
    445
Показать больше работ

Создание иконок мобильного приложения

Иконки в мобильном приложении — это не декор. Это функциональный элемент навигации и коммуникации с пользователем. Плохо нарисованная иконка tab bar — это пользователь, который не понимает, куда нажимать. Иконка приложения с неправильными размерами — это reject от App Store на этапе сабмита.

App Icon: технические требования платформ

App Store требует одно изображение 1024×1024px в PNG без альфа-канала. Xcode генерирует остальные размеры через Asset Catalog — AppIcon.appiconset. На практике до iOS 14 нужно было 20+ размеров, сейчас Xcode 15+ принимает Single Size и делает масштабирование автоматически. Но мы всё равно проверяем результат на физических устройствах: алгоритм масштабирования иногда даёт нечёткие края на маленьких размерах.

Google Play: 512×512px PNG для странице приложения + адаптивная иконка для лончера. Адаптивная иконка — это два слоя: foreground (108×108dp, контентная зона 72×72dp) и background. Android 13+ поддерживает monochromatic icon (третий слой). Без адаптивной иконки на Android 8+ лончер может обрезать иконку по кругу или квадрату, и логотип окажется обрезанным.

Иконки интерфейса: SF Symbols vs кастом

На iOS в 2024 году умолчанием стали SF Symbols — системная библиотека из 5000+ иконок, которая поддерживает все веса шрифта (ultralight → black), multicolor, анимацию (iOS 17+). Если дизайн строится на SF Symbols, разработка получает бесплатно: масштаб, темизацию, доступность. Кастомные иконки нужны только там, где SF Symbols не покрывает.

На Android аналог — Material Symbols (бывший Material Icons). Те же принципы: variable font, weight и fill как параметры, не отдельные файлы.

Когда кастом необходим: фирменные иконки, специфичные для домена (финансы, медицина, e-commerce с нестандартными категориями), иконки с уникальным стилем, который расходится с системным.

Форматы экспорта для разработчика

  • iOS/SwiftUI: PDF-вектор в Asset Catalog с Scales: Single Scale, Render As: Template Image для монохромных иконок или Original для цветных
  • Android: Vector Drawable XML (конвертируется из SVG через Android Studio File → New → Vector Asset)
  • React Native: SVG через react-native-svg + трансформация через SVGR в компоненты
  • Flutter: SVG через пакет flutter_svg 2.x, или конвертация в flutter Icon через FlutterIcon.com

SVG должен быть «чистым»: без лишних групп, без трансформаций на корневом элементе, без embedded bitmap. Проверяем в Figma перед экспортом: Outline Stroke на всех обводках, Flatten на сложных булевых операциях.

Набор иконок для приложения

Типичный набор для средней сложности приложения: 30–80 иконок. Tab bar (4–5 штук), toolbar actions (8–15), иконки категорий/типов контента (10–30), системные (закрыть, назад, поделиться, редактировать, удалить).

Все иконки рисуем в одной сетке (24×24 или 28×28pt) с одинаковым визуальным весом — оптическое выравнивание, а не математическое. Круглая иконка должна быть чуть больше квадратной того же размера, чтобы выглядеть одинаково.

Срок — 2–3 дня на полный набор иконок для среднестатистического приложения. Стоимость рассчитывается индивидуально.