Firebase Notification icon is gray

Question

Although I did this solution which is in stackoverflow, the icon still the same.

    <meta-data   android:name="com.google.firebase.messaging.default_notification_icon"
android:resource="@mipmap/ic_launcher" />

here top icon:

and when I slide top bar, I see this:

Where is the problem? I also use this website for creating transparent icon: https://jgilfelt.github.io/AndroidAssetStudio/icons-notification.html#source.space.trim=1&source.space.pad=0&name=ic_stat_ic_launcher

Also my res file like this right now (drawable folders from above link):

icon here:

What is the final icon image that you are using? Is it colored? — bharats, Nov 30 '21 at 17:39
You need to add a image with no background and colored for ground such as Icon PNG file. — Diwyansh, Dec 01 '21 at 09:15
@Diwyansh I have icon and its background color white you can see in above. What should I do ? I think white section of the icon should remove right? I mean the text (Iyte Cepte) only the chance right? — alperefesahin, Dec 01 '21 at 10:05
try this kind of icon https://i.pinimg.com/originals/6e/2c/f9/6e2cf920c73d260231a7cb8a16933486.png — Diwyansh, Dec 01 '21 at 10:51
@Diwyansh what is the differences between this icon and mine — alperefesahin, Dec 01 '21 at 12:10
Refer to this https://stackoverflow.com/questions/54056662/firebase-notification-is-grey-flutter — Diwyansh, Dec 01 '21 at 13:03

score 7 · Answer 1 · answered Aug 10 '22 at 14:11

7

In my case, the issue was that I was placing the

<meta-data android:name="com.google.firebase.messaging.default_notification_icon" … />

tag under the main <activity/> tag in the AndroidManifest.xml

Apparently, it should be under the <application/> tag (higher in the hierarchy).

answered Aug 10 '22 at 14:11

Volodymyr Lymar

312
1
5
10

2

Holy c&%p that was it. Thank you so much. Wasted a day with this pile. – giorgio79 Nov 24 '22 at 21:05

bharats · Accepted Answer · 2021-12-01T08:20:02.850

3

The icon to be used for notifications must be white-colored and with transparent background else it will show a grey-colored box.

You can check out this article to know more.

I had the same problem and resolved it by making changes to the icon image.

Here's a sample image:

edited Dec 01 '21 at 08:20

answered Nov 30 '21 at 18:47

bharats

366
2
9

I added icon img to above. Can you look and give a feedback is there any problem? – alperefesahin Nov 30 '21 at 19:52
1

Yeah, it should be white in color and transparent – bharats Dec 01 '21 at 08:14
What do you mean when you say white color? It has already white background color – alperefesahin Dec 01 '21 at 08:15
I have added a sample in the answer – bharats Dec 01 '21 at 08:19
how can i do this? Can you suggest a website etc – alperefesahin Dec 01 '21 at 08:33
I'm not sure of the website, I used Illustrator to edit the file. Hope you got the answer to the problem. – bharats Dec 01 '21 at 08:35
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/239722/discussion-between-bharats-and-efesahin). – bharats Dec 01 '21 at 08:50
Okay dude let's go – alperefesahin Dec 01 '21 at 10:06
can you answer me – alperefesahin Dec 03 '21 at 18:42
Yeah sure! Please look into the chat – bharats Dec 03 '21 at 18:46
It's worked. I just make Icon's color white and background transparent – alperefesahin Dec 03 '21 at 21:01

score 0 · Answer 3 · answered Nov 30 '21 at 17:41

Have you tried changing the manifest line to this:

<meta-data   android:name="com.google.firebase.messaging.default_notification_icon"
android:resource="@drawable/ic_stat_ic_launcher" />

From your screenshots it appears you only have the ic_stat_ic_launcher files in different resolutions.

If you want to use the mipmap/ic_launcher file, you'll need to add the different size files to the other mipmap folders (in the same way you have the mipmap/launcher_icon.png files), otherwise it probably won't find which file to use

I tried this solution, but it did not work.. – alperefesahin Nov 30 '21 at 18:24 — alperefesahin, Nov 30 '21 at 18:24

Firebase Notification icon is gray

3 Answers3

Linked