Setting the app launcher icon in Flutter like a native developer
A simple step by step guide for Android and iOS
The documentation recommends using the flutter_launcher_icons package. I found that a little hard to use and understand, though, so I ended up going a route that I was more familiar with. In this article I’ll tell you how to set the launcher icon the way you would do it if you were creating your app natively in Android and iOS. It’s pretty fast and easy.
Android
Android launcher icons have both a foreground and a background layer. These are called adaptive icons.
(image adapted from Android documentation)
The easiest way to create launcher icons for Android is to use the Asset Studio that is available in Android Studio (sorry VSCode users).
In Android Studio, open the android
folder of you Flutter project as a separate Android project. Right-click the app
folder and choose New > Image Asset.
Now you can select an image to create your launcher icon from.
Note: I usually use a
1024x1024
pixel image but you should certainly use nothing smaller…