How to set app icon in Flutter with 5 steps

Flutter is an open-source software development kit for creating attractive, natively compiled user interfaces. When we create a Flutter Program, the default Flutter icon will be included. The default icon can be altered in order to get the app published in stores such as Google Play, Apple App Store, and others. In this post, we’ll look at a technique to accomplishing the same objective. You can learn more about to set app icon in Flutter from the best Flutter training institute in Kochi.

There are two methods for changing the App Icon:

1. Manually updating the icon files in both the Android and iOS folders by uploading all the needed icon sizes.

2. Using a package that will automatically add all icon sizes to the Android and iOS folders.

Step 1: Create different sized icons

Upload the icon picture, choose iPhone and Android, then click Generate. Creates several icon sizes for both Android and iOS at the same time. It will download the AppIcons Zip file, which contains the Android and Assets.xcassets are named folders that include pictures for the app store and play store that may be directly published as an icon in both stores.

Open your project in IDE now.

Step 2: In Android, add icons

Navigate to android/app/src/main/res, then right-click on the res folder and select “show in Explorer.” Now, delete all the mipmap folders in the res folder and replace them with the mipmap folders from the AppIcon/android folder that you downloaded.

Step 3: Icon building on iOS

Navigate to the ios/Runner/Assets.xcassets folder. Now, when you’re in the Runner folder, right-click it or select “reveal in Explorer.” Now, remove the Assets.xcassets folder and replace it with the Assets.xcassets folder you downloaded from AppIcon/Assets.xcassets.

Step 4: Launch the program

After explicitly modifying the images in the android and IOS folders, navigate to lib/main.dart and launch the flutter project.

Step 5: Using the “Flutter Launcher Icons” package

Using the package, we may make multiple-sized icons for both Android and iOS at the same time.

This is all about adding icon for Flutter application in both Android and iOS part. You can learn more about the second method of adding icons in Flutter application on the next blog and grab more about Flutter with the help of instructor led Flutter training in Kochi.



A Content marketing enthusiast

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store