🎨 App icon customization

Update app icons online and from source code

Set your app icon in the Wrapply online builder or replace Android, iOS and web/PWA icon assets from the Flutter source code.

Generate your app Back to tutorials

Update app icons online

The easiest way to set your app icon is from the Wrapply online builder before generating the app. Upload a clean square icon with good contrast and no unnecessary borders.

Recommended format
Use a high-resolution square PNG, ideally 1024×1024.

Brand consistency
Use the same icon across Android, iOS, PWA and website favicon when possible.

Update icons from Flutter source code

If you have source code, you can replace icons manually or use a Flutter launcher icon package.

Android icons
Usually inside android/app/src/main/res/ in mipmap folders.

iOS icons
Inside ios/Runner/Assets.xcassets/AppIcon.appiconset.

Web icons
Inside web/icons/ and referenced by web/manifest.json.

Flutter assets
Project assets may be configured in pubspec.yaml.

Common paths:
android/app/src/main/res/mipmap-*
ios/Runner/Assets.xcassets/AppIcon.appiconset
web/icons/Icon-192.png
web/icons/Icon-512.png
pubspec.yaml

Using flutter_launcher_icons

You can configure icons using a package such as flutter_launcher_icons.

flutter pub add flutter_launcher_icons --dev
flutter pub run flutter_launcher_icons