В Visual Studio Code в папке resources разместите следующие файлы:

• icon.png - логотип, используется для iOS.

• splash.png - экран во время загрузки приложения, используется для iOS

• /android/icon-foreground.png - логотип, используется для Android

После этого запустите встроенный терминал в Visual Studio Code Ctrl+` и выполните следующие команды по очереди:

npm run IconSplashIoS
npm run IconSplashAndroid

Не должно возникнуть ошибок, могут быть только предупреждения.

Команды складывают готовые иконки и заставки нужных размеров в проекты ios и android — вручную ничего масштабировать не нужно.

Иконка Android: заливайте с фоном

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

Поэтому icon-foreground.png готовьте сразу с фоном, непрозрачной картинкой: тогда покупатель увидит именно то, что вы нарисовали, и настраивать цвет подложки не нужно.

Значимую часть логотипа держите в центре и не подводите к краям — при любой форме иконки края обрезаются.

Проверка

После команд откройте проект в Android Studio или Xcode и посмотрите иконку в списке приложений на устройстве или эмуляторе. Частая ошибка — положить icon-foreground.png в корень resources вместо подпапки android: команда тогда отработает без ошибки, но иконка Android останется старой.