Grey square as notification icon using Firebase notifications

Question

I am attempting to integrate Firebase Cloud Messaging into my android app. But when the app is in the background or closed, Firebase notification is displayed with grey squa

Answer 1

I used below solution and it worked for me in Flutter:

1. Create a transparent and white notification icon (you can use the following tool: AndroidAssetStudio )

2. Download the zip folder, unzip and you'll see it contains a res folder with different drawable folders. Copy and paste the contents of the res folder in "android\app\src\main\res" path

3. Then open the AndroidManifest.xml file and add the following lines to it:

ic_stat_calendar_today is the name of my notification icon. And each of the drawable folders that have been pasted contain a different size of icon with the same name.

4. If you want to change the color of the icon then check the above image. Add the metadata tag after the notification icon tag

5. Go to "android\app\src\main\res\values" and add a colors.xml file

Stackoverflow does not allow me to add colors.xml file code here so i am just adding code in above image, you will have to type it in your colors.xml manually. Sorry for that.

Special thanks to "RumanaB" on github.