Vincent Tsen
Android Kotlin Weekly

Android Kotlin Weekly

Step-by-step Guides to add Android App Icon

How to add new icon asset to your Android App using Asset Studio in Android Studio?

Vincent Tsen's photo
Vincent Tsen
ยทDec 31, 2021ยท

2 min read

Step-by-step Guides to add Android App Icon

Subscribe to my newsletter and never miss my upcoming articles

This assumes you already have the icon asset and would like to import that you into your app using Android Studio.

The following example is based on the new project template from Android Studio.

1. Delete all existing icon assets in Android Studio

  • Delete ic_launcher.background.xml and ic_launcher_foreground.xml in drawable folder. This is just an example, you could be any icon asset file format.
  • Delete all mipmap folders which consists of all the icon assets

Step-by-step_Guides_to_add_Android_App_Icon_01.gif

Tip: This step seems necessary. If I don't clean them up first, Android Studio doesn't seem to generate and overrites the icon assets correctly. It is less messy in my opinion. You don't have mixed new and old icon assets.

2. Copy your new icon asset into the drawable folder

Step-by-step_Guides_to_add_Android_App_Icon_02.gif

Tip: This step is optional since the actual icon assets are generated later. However, I prefer to copy the icon asset file into the drawable folder so that we can keep a copy of it.

3. Generate launcher icon from image asset

  • Right-click in the project window, go to New->Image Asset

Step-by-step_Guides_to_add_Android_App_Icon_03.gif

  • Make sure the icon type is Launcher Icons (which is the default)
  • In source asset, select Image asset type. Browse to the icon asset in the drawable folder just now.
  • Go to Background Layer, change the Source Asset Type Color to white color (i.e. FFFFFF)
  • Click Next->Finish. Different screen resolution icon assets are now generated in the mipmap folders

Step-by-step_Guides_to_add_Android_App_Icon_04.gif

Done!

Run the app, and you should see your new icon!

Step-by-step_Guides_to_add_Android_App_Icon_05.JPG

Did you find this article valuable?

Support Vincent Tsen by becoming a sponsor. Any amount is appreciated!

See recent sponsors |ย Learn more about Hashnode Sponsors
ย 
Share this