Editing App icon using Android Studio (Flutter)

Francisco Andaur
3 min readMay 10, 2021

--

a great tool to make icons for apps is the website appicon.co

icons are saved in the following directories for

Android: (minmap… directories)

IOS: (Assets.xcassets directory)

That is where appicon.co comes in handy, it generates those folders for you, all you have to do is replace them with the new ones. But sometimes the icons don't look quite how you want them to so you have to use the tools that come with Android Studio.

One of these tools is “Image Asset” (I believe it comes from the Gradle Plugin, but don’t quote me on this.)

for some reason in a flutter app if you right click on the RES folder and try to make an Image Asset it does not work. A quick fix for this is to “Open Android module in Android Studio”(in a new window).

if it’s the first time doing this, it might take some time to load. give it a few minutes and make sure to update anything that prompts you on the bottom right corner of the screen.

I had to update Gradle.

and VOILA, the image Asset options are available.

here you can take the same image you uploaded earlier to appicon.co and edited it so it fits all the size icons and replace the ones you had earlier.

by clicking next and then finish, you’ll see all the icons being updated in red.

I wrote this blog in response to this post because I was having the same problem.

--

--

Francisco Andaur

Dir. of Whatever // Full-Stack Software Engineer // Blogger