Change app logo & icon

⌘K
  1. Home
  2. Docs
  3. Qixer – Flutter Mob...
  4. Customisation
  5. Change app logo & icon

Change app logo & icon

  • Go to <project>/assets/images/ and replace logo.png and icon.png with your own logo(650×150 px) and icon (512×512 px).

Change app icon

To change the app icon in Flutter using Android Studio, follow these additional steps after configuring the Image Asset:


Step 0: Ensure Gradle Sync is Complete

• When you open the android folder in Android Studio, wait for Gradle to finish building.

• If it’s stuck, manually trigger it by clicking “Sync Project with Gradle Files” (in the top-right corner of Android Studio).

• You can also build the app once using:

flutter build apk

• Once the build process is done, continue with the steps to open Resource Manager.


Step 1: Open Asset Studio

  1. Follow the previous steps to open Asset Studio (by selecting Image Asset in the Resource Manager).

2. Ensure Icon Type is set to Launcher Icons (Adaptive and Legacy).


Step 2: Change the Background Colour

  1. Click on the Background Layer tab in the Configure Image Asset window.
  2. You will see a Colour Picker or an option to enter a HEX colour code.
  3. Choose your desired background colour.

4. Click Next, then Finish.


Step 3: Rebuild and Run the Project

  1. Run the following command in the terminal:
    flutter clean flutter pub get
  2. Run the app to see the updated launcher icon with the new background colour.

Step 4: Change the IOS Icon

  1. Replace the following image with your desired image- assets/images/icon.png
  2. Run the following command in the terminal:
    flutter pub run flutter_launcher_icons
  3. Run the app to see the updated launcher icon.
Was this article helpful to you? No Yes

How can we help?