Tutorial

Add App Icons

Step-by-step guide to upload app icons for your Flutter app

flutterandroidassetsshipbook

Android

The easiest way to add app icons for Android is using Android Studio.

  1. Open the android folder of your Flutter project in Android Studio.
  2. In the left sidebar, open the app folder.
  3. Right-click on the res folder and select New > Image Asset.

Android Studio Image Asset

  1. On the “Configure Image Asset” dialog, select “Launcher Icons (Adaptive and Legacy)”.
  2. Choose your image file and adjust the settings as needed.
  3. Click “Next” and then “Finish” to generate the icons.

Configure Image Asset

See the official docs for a less useful walkthrough.

iOS

  1. Open the ios folder of your Flutter project in Xcode
  2. Under Runner -> Runner, open the “Assets” activity
  3. Select the “AppIcon” item from the list
  4. On the right panel, in the “Image” section, select your file where it says “File Name”
  5. For best results, choose an image with a background (ex. .jpg)

Xcode AppIcon

Xcode will generate all of your app icons from a single asset.

Do NOT change the name of the asset from “AppIcon”. Do NOT try to delete the AppIcon asset and add a new one. Just change the file.