How to change the application launcher icon on Flutter?

9 min read

  1. First, create a new image asset that you want to use as the application launcher icon. You can do this by either designing a new image or using an existing one.

  2. Save the image asset in your project directory. It's recommended to create a new directory named "assets" within your project directory and save the image asset within it.

  3. Open your project configuration file ‘pubspec.yaml’.

  4. Add the following lines of code to include the image asset in your project:

flutter:
  assets:
    - assets/your_image_file_name.png

  1. Save the file and close it.

  2. Open the file named "AndroidManifest.xml" located in the "android/app/src/main" folder.

  3. Look for the following code:

android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher_round"
  1. Replace the "ic_launcher" and "ic_launcher_round" with the file name of your image asset that was added in step 4.
android:icon="@mipmap/your_image_file_name"
android:roundIcon="@mipmap/your_image_file_name_round"

  1. Save the file and close it.

  2. Finally, rebuild your project by running the command "flutter pub get" on the terminal followed by "flutter run" or by restarting your application.

Your application launcher icon should now be changed to the new image asset.