Wrapply logoWrapply Tutorials
Wrapply / Tutorial / Update App Icons
🎨 App icon customization

Update App Icons: from website to Flutter app

Update App Icons explains how Wrapply converts a website, PWA, no-code project or AI-generated web app into a mobile app workflow. The guide covers website to app generation, Android APK, Google Play AAB, Flutter source code, PWA output, iOS preparation and managed publishing support.

Generate your app Back to tutorials
🌍 Wrapply multilingual tutorial

Update App Icons: from website to Flutter app

Update App Icons explains how Wrapply converts a website, PWA, no-code project or AI-generated web app into a mobile app workflow. The guide covers website to app generation, Android APK, Google Play AAB, Flutter source code, PWA output, iOS preparation and managed publishing support.

Related localized tutorials

  • Convert a website URL into an app-ready Flutter project with smart navigation.
  • Understand when to choose APK, AAB, PWA, iOS support or full Flutter source code.
  • Prepare app name, icon, description, keywords, privacy policy and store requirements.
  • Use managed publishing when you want Wrapply to validate, customize and submit the app.

Wrapply Web to App

Update App Icons explains how Wrapply converts a website, PWA, no-code project or AI-generated web app into a mobile app workflow. The guide covers website to app generation, Android APK, Google Play AAB, Flutter source code, PWA output, iOS preparation and managed publishing support.

What You Get APK File Guide AAB File Guide Flutter Source Code Generate your app

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