Icon Composer это программа Apple, в которой из слоёв рисунка собирают иконку приложения с эффектами Liquid Glass и вариантами Default, Dark и Mono. Apple показала её 9 июня 2025 года, она входит в Xcode, а отдельная версия требует macOS Tahoe 26.4 или новее.
Что такое Icon Composer
Icon Composer появился вместе с дизайном Liquid Glass. Apple назвала его совершенно новым приложением для иконок в пресс-релизе от 9 июня 2025 года (Apple Newsroom). Рисунок вы готовите в своём редакторе, а в Icon Composer раскладываете слои, задаёте им стекло, блики и тени и смотрите иконку на разных платформах.
Результат хранится в одном файле .icon. Из него система сама делает иконку для iPhone, iPad, Mac и Apple Watch во всех размерах и видах. Для маркетинга программа умеет выгрузить плоскую картинку иконки (страница Icon Composer). Какой холст рисовать под каждую платформу, рассказано на странице о размере иконки.
Где взять Icon Composer и как он устроен
Если Xcode уже стоит, откройте Xcode › Open Developer Tool › Icon Composer. Без Xcode программу скачивают со страницы Icon Composer, ей нужна macOS Tahoe 26.4 или новее.
Окно делится на три части. Слева боковая панель со слоями и группами, в центре холст с иконкой, справа инспекторы. Под холстом выбирают платформу (iOS, macOS, watchOS) и вид (Default, Dark, Mono), а над ним фон, сетку, размер превью и кнопки 26 и 27 для сравнения старой и новой отрисовки. Если файл уже лежит в проекте, Xcode показывает его превью и кнопку Open with Icon Composer.
Числа и режимы Apple
| Что | Значение |
|---|---|
| Анонс | 9 июня 2025 года, WWDC25 |
| Текущая версия | Icon Composer 2.0, вместе с Xcode 27 от 14 сентября 2026 года |
| Файл | .icon, один на все платформы |
| Группы слоёв | до 4 |
| Форматы слоёв | SVG, PNG и другие растровые форматы |
| Виды | Default, Dark, Mono, из Mono система делает Clear и Tinted в светлом и тёмном варианте, всего 6 |
| Платформы | iOS, iPadOS, macOS, watchOS, для tvOS и visionOS остаётся каталог AppIcon |
| Настройки стекла | Mode, Specular, Blur, Refraction, Translucency, Shadow |
| Отдельная программа | macOS Tahoe 26.4 или новее |
По данным документации Xcode, доклада WWDC25, заметок к Xcode 27 и страницы Icon Composer, проверено 16.10.2026.
Слои, группы и стекло
При импорте каждый файл становится слоем, а папка становится группой. Групп может быть не больше четырёх, и именно они дают иконке глубину, система рисует их снизу вверх в том порядке, в каком они стоят в боковой панели. Стекло Icon Composer добавляет слоям сам, а тонкую настройку делают у группы в разделе Liquid Glass инспектора Style.
В разделе Color у слоя меняют заливку на None, Solid или Gradient и прозрачность, это удобно для тёмного и монохромного вида. Любую настройку можно задать отдельно для платформы или вида через пункт Vary for, тогда иконка на Apple Watch и на iPhone отличается геометрией, оставаясь одной и той же по смыслу. Важная оговорка из документации. В системах до версии 27 преломления не видно. Блики там просто включаются при выборе Inside или Outside.
Как добавить файл .icon в проект по шагам
- Сохраните файл в Icon Composer через File › Save и дайте ему имя, которое будет у иконки в проекте, например AppIcon.
- Перетащите файл .icon из Finder в Project navigator, в папку цели приложения.
- Откройте цель приложения, вкладку General, раздел App Icons and Launch Screen.
- Впишите в поле App Icon имя файла без .icon. Файлов в проекте может быть несколько, иконкой станет тот, чьё имя стоит в этом поле.
- Если в проекте был каталог AppIcon, учтите, что файл .icon его заменяет. Для старых версий iOS Xcode сам соберёт похожую картинку при сборке.
- Запустите приложение в симуляторе и посмотрите иконку на экране «Домой» в светлом, тёмном и тонированном виде.
Что нового в Icon Composer 2.0
Icon Composer 2.0 вышел 14 сентября 2026 года вместе с Xcode 27. По заметкам к Xcode 27 он поддерживает новую, более чёткую отрисовку для систем 2027 года с преломлением, бликами снаружи слоя и более глубокими тенями. Новые свойства правят в инспекторе группы, а в панели над холстом переключают старое и новое поколение отрисовки.
Старые файлы .icon открываются сами и сразу получают новый, более чёткий материал. Apple советует проверить иконку в обоих поколениях и только потом класть её в проект, тогда она подойдёт для всех версий систем.
Частые ошибки
- Фон и тени в самих слоях. Apple просит убрать из выгрузки размытие, тени, прозрачность и цвет фона. Эти свойства задают в Icon Composer, иначе они спорят с системным стеклом.
- Больше четырёх групп. Документация ограничивает группы четырьмя, чтобы иконка не усложнялась. Лишние слои разложите по уже существующим группам.
- Имя файла не совпадает с полем App Icon. Xcode берёт иконку только из файла с тем же именем, остальные файлы .icon в проекте он не использует.
- Файл .icon для Apple TV и Vision Pro. Для целей tvOS и visionOS Apple по-прежнему отсылает к каталогу AppIcon.
- Проверка только в новом виде. Преломление в системах до 27 не видно, поэтому иконка, которая держится на нём, на iOS 26 выглядит плоской.
Appto предлагает два-три направления дизайна приложения и показывает их живым макетом в телефоне, подробнее на странице о дизайне.
Вопросы
Где скачать Icon Composer?
Он входит в Xcode и открывается через Xcode › Open Developer Tool › Icon Composer. Отдельную версию Apple выкладывает на developer.apple.com, ей нужна macOS Tahoe 26.4 или новее.
Какой формат у файла Icon Composer?
Файл .icon. Его перетаскивают в проект Xcode и выбирают в поле App Icon на вкладке General.
Обязательно ли делать иконку в Icon Composer?
Нет. Каталог AppIcon в Xcode продолжает работать, а для tvOS и visionOS Apple советует именно его. Icon Composer нужен, чтобы иконка получила стекло Liquid Glass и варианты вида.
Сколько групп слоёв можно сделать в Icon Composer?
До четырёх. Слоёв внутри группы может быть несколько, а глубину иконке дают именно группы.
Будет ли иконка из Icon Composer работать на старых iOS?
Да. Если приложение поддерживает версии без Liquid Glass, Xcode сам делает для них картинку иконки из файла .icon при сборке.
Сделайте своё приложение в Appto
Appto сама проверит нишу по свежим данным App Store, нарисует экраны, напишет код, оформит страницу в App Store и отправит в Apple с вашего аккаунта или покажет, что нажать в App Store Connect. Работает на вашем Claude Code или Codex.
Скачать для Mac