Android notification icon is a white circle

Question

I've got a strange problem with notification icon today.

It looks like this : (the white circle ...)

Did I do something bad ?

Uri defaultSoundUri= RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION);
NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(this)
                .setSmallIcon(R.drawable.icon_notification)
                .setContentTitle(this.getString(R.string.notification_title))
                .setContentText(this.getString(R.string.notification_text))
                .setAutoCancel(true)
                .setSound(defaultSoundUri)
                .setContentIntent(pendingIntent);

Here is my icon image (freshly downloaded from here https://material.io/icons/#ic_photo) : http://image.noelshack.com/fichiers/2016/44/1478185219-icon-notification.png

Did I miss something ?

For the record, I'm using SDK 24 and only created the hdpi resource folder for now.

Edit #1 : I've added the ldpi, mdpi and xhdpi icons, nothing change ...

Edit #2 : For more precision, I'm trying to create this notification from a service ... FCM messaging service ...

Does this answer your question? [Android notification has a color icon instead of being turned white](https://stackoverflow.com/questions/50704772/android-notification-has-a-color-icon-instead-of-being-turned-white) — mage1k99, Jun 03 '21 at 13:06

score 9 · Answer 1 · answered Nov 04 '16 at 07:26

9

If your compileSDKversion is above 20 then notification icon should be a white-on-transparent background image. Otherwise the image will be rendered as a white colored image.

Please go through the below link too for guidelines to create the icon

https://www.google.com/design/spec/patterns/notifications.html

and also the notification icon generator.

https://romannurik.github.io/AndroidAssetStudio/icons-notification.html#source.space.trim=1&source.space.pad=0&name=ic_stat_example

answered Nov 04 '16 at 07:26

Ajith K P

398
3
12

Small addition: some vendors don't dim the icon. For example Samsung Galaxy S7 with Android 8 on board doesn't dim notification icons. – Lingviston May 24 '19 at 10:32
What do you mean by dim? – Simon Apr 20 '20 at 16:15

inlacou · Answer 2 · 2016-11-03T15:35:45.253

6

You must use a notification icon with no background. Android will add the circle background.

You can set background color with

.setColor(context.getResources().getColor(R.color.colorPrimary))

to match your app indentity.

Icon inside will remain white and circle will get the color you defined.

edited Nov 03 '16 at 15:35

answered Nov 03 '16 at 15:22

inlacou

156
1
10

score 3 · Accepted Answer · answered Nov 03 '16 at 15:46

It seems to be a problem of cache during compilation ... The first image I was using was bad (fully colored), so I think my compilator created somekind of cache on the filename.

I work on Windows and did this : uninstall the app from my phone, invalidate all cache from Android sudio => at re-compilation, the icon was OK.

score 1 · Answer 4 · answered Oct 26 '17 at 07:27

U need to have separate icon generated which will be white version of your launcher icon. U can use below link to generate such icon.

https://romannurik.github.io/AndroidAssetStudio/icons-notification.html#source.type=clipart&source.clipart=ac_unit&source.space.trim=1&source.space.pad=0&name=ic_stat_ac_unit

Note : You need to upload PNG image of your launcher icon with transparent background.

For setting icon u can have a method like this

private int getSmallIconForNotification(){
    return (Build.VERSION.SDK_INT>Build.VERSION_CODES.LOLLIPOP)? R.mipmap.ic_stat_launcher : R.mipmap.ic_launcher;
}

Code usage:

private NotificationCompat.Builder createNotificationBuilder(){
    return new NotificationCompat.Builder(this)
            .setSmallIcon(getSmallIconForNotification())
            .setContentTitle("New Message")
            .setContentText("Hi there.....")
            .setAutoCancel(true);
}

Thank you, It works for me, and it should be accepted as answer I think. — Web.11, Nov 07 '20 at 11:01

mage1k99 · Answer 5 · 2021-11-25T16:51:55.133

I had the same problem while the app is closed and this helped me

Unfortunately this was a limitation of Firebase Notifications in SDK 9.0.0-9.6.1. When the app is in the background the launcher icon is use from the manifest (with the requisite Android tinting) for messages sent from the console.

With SDK 9.8.0 however, you can override the default! In your AndroidManifest.xml you can set the following fields to customize the icon and color:

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

score 0 · Answer 6 · answered Nov 04 '16 at 10:01

Note:- If device has android version above 20 you have to generate icon with transparent background and while generating notification use this snippet

int currentapiVersion = android.os.Build.VERSION.SDK_INT;
if (currentapiVersion >= android.os.Build.VERSION_CODES.LOLLIPOP){
        currentapiVersion=R.mipmap.ic_notification_lolipop;
} else{
        currentapiVersion=R.mipmap.ic_launcher;
}

NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(this)
            .setSmallIcon(currentapiVersion)......

Android notification icon is a white circle

6 Answers6

Linked

Related