Generate an arrow back within a circle using Image Asset (Android Studio)

Issue

I want to use the next image in my ActionBar:

I can put the image in my drawable folder and use it without problems.

But I want to use this image with different sizes (mdpi, hdpi, etc).

So I am trying to generate a different sizes versions of this image using the Image Asset in Android Studio.

The generator works great if the Icon Type is Launcher Icons, but the output is a mipmap (a launcher icon for the app).

If I select the right Icon Type the output targets the drawable folder, but unfortunately the icons generated are just a circles.

---

I guess that Android Studio is telling me that I have to use vectors instead of images for the icons that will be used in the ActionBar. Is it right?

So I have selected a predefined icon from the Clip Arts:

But there is no a Shape option for Action Bar and Tab Icons. That would be great, but it is only available for Launcher Icons.

Finally my question can be summarized in:

1. There is a way to generate a back arrow with a circle shape using the Image Asset tool in Android Studio?

2. I guess that I can use the arrow icon and additionally apply a drawable resource to get a circle button. But in performance, 1 vector + 1 drawable resource is better than 1 image with different resolutions?

Thank you in advance.

Please give me some ideas to understand it.

Solution

It seems Image Asset doesn't provide setting background for normal icons. There are multiple solutions to this problem, the easiest one is go here, find your desired icon. This will generate all different sizes.

Moreover, you can make image using Photoshop and generate its icons from here

Hope it helps

Answered By - Waqas Ahmed Ansari