How to Change App Icon in Flutter

AshTechie
2 min readJan 13, 2022

By using this method, the flutter_launcher_icon will automatically create all different size icons for your app. Follow these steps,

Step 1: Navigate to go pubspec.yaml file

Step 2: Add the flutter_launcher_icon package under dev dependencies.

Step 3: If you don’t have an asset folder in your project. Then, create an asset folder in the root directory. Inside the assets folder, create the icons folder and place the app icon in the icon folder.

Step 4: After setting pubspec.yaml file configuration, then run the following command in vs code terminal or android studio terminal.

That’s all

Manually Changing App Icon in Flutter

Step 1: Go to the https://appicon.co/ and upload your own icon.

Step 2: Select the iPhone, iPad, and Android. then click the generate button. Now a zip file will be downloaded.

Step 3: Extract the zip folder. You will see the two folders namely Android and Assets.xcassets.

Step 4: Changing app icon for both android and iOS.

For Android,

  • Open the AppIcons\Android folder and copy all the sub folders. Then go the android\app\src\main\res folder and paste it (replace the existing file to new file).

For iOS,

  • Open the AppIcons folder and copy the Assets.xcassets folder. Then go the ios/Runner and paste it (replace the existing file to new file).

Step 5: After changing icons, run the flutter run command.

That’s all.

--

--

AshTechie

My passion is web designing and development and i have completed 2 Internships based on them. Java, CSS, C Programming Language, Adobe Photoshop are the things