Android icon generator for actionbar and notification not working (grey shape)

Question

I found this Asset Studio to generate icons. It works fine for the launcher icon but for action bar or notification icons it is not working. I put in my png file and want to generate the icons, but Asset Studio is only generating gray circles. Is there another tool to generate action bar and notification icons?

enter image description here

Having this problem also in Android studio. Somebody should find a way to overpass this problem. — Sandeep R, Jun 24 '15 at 12:08
This Demo may help you out. http://androiduiux.com/2012/08/20/action-bar-icon-design-template-free-download/ — Zeeshan Saiyed, Jul 02 '15 at 07:33

romtsn · Accepted Answer · 2015-07-02T06:17:59.550

45

You can use a tool for creating generic icons in Asset Studio: https://romannurik.github.io/AndroidAssetStudio/icons-generic.html. To get it look like ActionBar Icon, you should make next actions:

Choose image
The size of image should stay at 24dip
Change padding to 4dip
Move foreground color thumb to 0%
That's it! Download .zip now.

The sizes of icons will be pretty the same as you can get them with ActionBar Icon Generator.

How it looks for me: icon generator screenshot

edited Jul 02 '15 at 06:17

answered Jun 29 '15 at 05:36

romtsn

11,704
2
31
49

but the sizes are wrong. and it doesnt work for notification icons. – Sandeep R Jul 02 '15 at 07:54
I think it depends on your default image size. I've loaded 128x128 image, and the sizes were right for both tools. Anyways, you can adjust it for you needs, by dragging padding/size thumb. – romtsn Jul 02 '15 at 08:50
What sizes do I use for notification image? – Ruchir Baronia Feb 13 '16 at 04:16
I used this tool and the settings above to generate tablayout icons, however, the icons end up above the tab text. I thought the icon was supposed to appear next to the tab text – Someone Somewhere Jun 25 '16 at 15:02
1

I don't understand this answer @rom4ek. I am still facing the same issue trying to create Action Bar and Notifications icons. – Ishaan Feb 24 '17 at 16:53
Woks better than built-in AS 3.0 (beta)'s Image Asset Studio – Subtle Fox Oct 05 '17 at 13:42
its not working anymore can you update your answer i cant get it working – shareef Jan 02 '19 at 05:40
upvote for this line Move foreground colour thumb to 0% thanks man – Vishal kumar singhvi Apr 22 '20 at 22:05

score 7 · Answer 2 · answered Sep 19 '21 at 04:09

7

Use this instead https://romannurik.github.io/AndroidAssetStudio/icons-generic.html

Here demonstrating how to show the image:

upload your image
set the foreground color to 0, just like below

Thanks to https://stackoverflow.com/users/3225458/romtsn

answered Sep 19 '21 at 04:09

John Paul Grefaldo

331
3
8

score 4 · Answer 3 · answered Jun 30 '15 at 08:51

I think it's because your image is too complexe and the main problem is the "color" filter applied in AAS.

I had the same problem and I had to convert xxxhdpi xxhdpi etc. manually. If you work with Sketch (for example) it can be converted easily with a plugin (https://github.com/zmalltalker/sketch-android-assets)

hope it's help !

If you want to use AAR, like @rom4ek explained "4. Move foreground color thumb to 0%" this is the important part

score 1 · Answer 4 · edited May 23 '17 at 12:02

1

You can use the built in feature of android studio to generate actionbar and notification icons.

Right click on res folder and New > Image Asset. You can choose Launcher Icons, Action Bar Icons or Notification Icons in the Asset Type.

Update: You should look at this. It talks about white icon in notification.

edited May 23 '17 at 12:02

Community

1
1

answered Jul 02 '15 at 07:49

Samir

3,139
2
17
24

1

even that is generating the same output as shown in the question. I think it has something to do with the image format. – Sandeep R Jul 02 '15 at 07:53

score 1 · Answer 5 · answered Jan 12 '16 at 10:13

I use an own module 'icons' with a Gradle script to generate icons. This is a more automated way than the Assets Studio can provide up-to-now. The icon will be designed with Inkscape. See my blog for a detailed description. You find an Android Studio Project on GitHub.

score 0 · Answer 6 · answered Dec 23 '15 at 11:25

0

I face the same problem their is no issue with icon after Lollipop notification icon do not contains color icon it support flat,Silhouette icon supported.

Either you can change target SDK to 20
Or generate flat icon(icons8 is best option)

Or

you should use a condition

  boolean useWhiteIcon = (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.LOLLIPOP);
    return useWhiteIcon ? R.drawable.icon_silhouette : R.drawable.ic_launcher;

answered Dec 23 '15 at 11:25

Rajesh Tiwari

410
5
22

Do not listen to this answer about setting target SDK to 20. See this question: http://stackoverflow.com/questions/28387602/notification-bar-icon-turns-white-in-android-5-lollipop – boltup_im_coding Oct 06 '16 at 07:01
Please read post carefully i mention two points which ever is best you can use it. I also no setting up target sdk to 20 is not best option – Rajesh Tiwari Oct 07 '16 at 07:09

score 0 · Answer 7 · answered Feb 13 '16 at 05:35

0

after alot of search this is the solution: the problem is you are adding an image with white background.. to convert the image to actionbar icon you have to load image with transparent background

answered Feb 13 '16 at 05:35

Alaa AlDarf

69
2
3

2

good idea, but I checked in Photoshop and the surrounding space around my main icon is transparent (PNG) – Someone Somewhere Jun 25 '16 at 14:50

score -1 · Answer 8 · answered Oct 01 '16 at 20:31

-1

Android Studios 2.2 has an Image Asset Studio that you can use to generate your icons.

https://developer.android.com/studio/write/image-asset-studio.html

answered Oct 01 '16 at 20:31

Simon

19,658
27
149
217

score -7 · Answer 9 · answered Mar 02 '15 at 10:15

-7

By default it will be grey color for any image. But you can customize it according to your color. Check below screenshot to select CUSTOM tab and then select color you want.

enter image description here

Hope it helps you.

answered Mar 02 '15 at 10:15

virendrao

1,763
2
22
42

Hä? I want it to generate my icon not any color. i dont want to have colors. i put in my own icon as png and i want to have my icons. – Mulgard Mar 02 '15 at 10:17
select css color of your icon and put it as custom color. – virendrao Mar 02 '15 at 10:20
it is a png... there is no css color. – Mulgard Mar 02 '15 at 10:26
so what if its png, android uses png only – virendrao Mar 02 '15 at 10:27
... creating launcher icon: select image -> download icons -> everything okay. create action bar icons: select image -> download icons -> just gray circles... – Mulgard Mar 02 '15 at 10:28
can you show what your image is and what you want ? – virendrao Mar 02 '15 at 10:28
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/72034/discussion-between-virendrao-and-mulgard). – virendrao Mar 02 '15 at 10:29
I have the same problem, I have a PNG icon in the colours I want, but when I add it to my app, it just becomes a gray circle. why? – Essah Jan 09 '16 at 23:25

Android icon generator for actionbar and notification not working (grey shape)

9 Answers9

Or

Linked