Generate Adaptive Icon For Your App Easily

FahadAhmad · January 15, 2020, 8:39pm

A small guide by me
As you all know, Kodular just added support for adaptive icons in recent update (Version 1.4B.0) and I had to update icon for one of my app.
In this guide, I’ll show you how you can generate adaptive icon for your app.

Step 1:

Go to https://easyappicon.com/

Step 2:

Upload your transparent icon or logo by clicking on Choose file…

In my case, it was

Step 3:

Increase or decrease padding to your choice. I left it at 0%

Step 4:

Change background colour to your choice. I changed it to White.

Step 5:

Now download icons by clicking on Download button and then iOS + Adaptive Icon

Step 6:

You’ll get a zip file containing icons.

Now, if your app is on PlayStore, upload playstore-icon.png to your store listing.
And playstore-icon.png is your icon you need to upload to your project in Kodular.
Mine is

Maybe difference is not much visible here in community but you’ll surely notice it in launcher.

That’s it !
Happy Koding

Italo · January 15, 2020, 9:01pm

Excellent tool!

CristianAPROK · January 15, 2020, 9:19pm

Perfect Tool!!

msr79526 · January 16, 2020, 2:14am

Excellent work dude. But i Don’t know why we need adaptive icon.

FahadAhmad · January 17, 2020, 9:27am

You can learn about adaptive icons in detail by reading following article:

Or this:

msr79526 · February 1, 2020, 12:53pm

can you explain me in some simple words

pavi2410 · February 1, 2020, 1:04pm

Adaptive icons, as its name implies, adapt to different shapes and sizes as required by the launcher.

FahadAhmad · February 1, 2020, 1:09pm

Well, see this topic:

If you don’t update your app icon to adaptive now, your app’s icon will show up in launcher like in the above topic.
To solve the problem and having a perfectly shaped icon, you’ve to update your icon.

See following gifs

Your icon (inner layer) will remain same but outer layer will be changed according to launcher settings.
And your icon will not be cutout.

https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive

OfficialDjJohn · February 11, 2020, 6:47am

Hey there @FahadAhmad
It’s such an easy tutorial …

But I have a question
If I uploaded the adaptive icon on kodular it will be square. Right?
Then whenever I send a push notification using onesignal then the notification bar icon will be like
It doesn’t seem well…
So if I edited and cropped some area of it and made it a transparent png then it will somehow look like this on notification bar
.
.
Will this edited affect the adaptiveness of the icon?

FahadAhmad · February 11, 2020, 8:28am

Yup! That’s really an issue I didn’t notice before.
It really doesn’t look good.

Maybe, @Kodular team can answer this well.

Ayushi_Gupta · June 19, 2020, 8:15pm

Ca we upload zip file to app icon in kodular ?

FahadAhmad · June 20, 2020, 6:06am

No, you have to upload image file (better PNG).

Ayushi_Gupta · June 20, 2020, 8:51am

Then where will we use all folders generated by easyappicon

FahadAhmad · June 20, 2020, 8:55am

They generate icons for all screen resolutions and can be used in Android Studio projects.
We don’t have to worry about that in Kodular.

Just follow the guide:

Ayushi_Gupta · June 20, 2020, 9:15am

I recently uploaded an app to Samsung store. Icon is not visible on sm-g973f and many Similar higher resolution phones .
Moderators from Samsung sent this showing icon is not visible
000004933545_637275557032486315.zip (2.4 MB)

If you could test apk of this in your phone and whether you see app icon.
amitabh_bachchan_kbc_game (1).apk (9.2 MB)

Soham_Shah · July 15, 2020, 4:31am

But what will be the dimensions for our icon?

FahadAhmad · July 15, 2020, 5:32am

It would be 512x512 as required by PlayStore:

Soham_Shah · July 15, 2020, 5:35am

but that icon will be displayed on playstore right… Im asking about the sizing required for the icon on kodular

FahadAhmad · July 15, 2020, 5:51am

Have a look:
https://tekeye.uk/android/android-icon-size

Soham_Shah · July 16, 2020, 4:56am

Ok so for playstore dimensions are 512 x 512 px but six dimensions are given for app icon so any of the six dimesnion will work for our kodular app icon?