App Icon in Flutter

Mouli Bheemaneti
2 min readApr 6, 2020

We all know that flutter is very handy to use in mobile application development. But it’s default app icon, doesn’t look good. Today let’s see how we can change the app icon by removing flutter’s default app icon.

Add an assets folder

In your assets folder, add your logo which you want to use as your app icon. I would recommend using a 900 x 900 png image as your app icon. You could create your app icon in your android phone using pixel lab or logo maker plus

Adding dependencies

In pubspec.yaml add the given dependencies as shown in the below-given code snippet.

And also add the below-given code block at the end of the pubspec.yaml.

Whenever you add any dependencies or any assets in the pubspec.yaml file then you need to update your packages by typing a command in a command prompt:-

flutter packages get

And now we have another command to overwrite the default flutter icon.

flutter packages pub run flutter_launcher_icons:main

Changing your app name

You could also change your app name. Go to this file change_app_icon\android\app\src\main\AndroidManifest.xml

Now in AndroidManifest.xml file under <application> tag, you can change value of android:label to your own app name.

Screenshot of the final result

Screenshot of my phone screen

Thank you for spending your precious time to learn from my article.

--

--

Mouli Bheemaneti
Mouli Bheemaneti

Written by Mouli Bheemaneti

A versatile being who loves to Flutter, blog, producing music, video editing.

No responses yet