Mahdi
Mahdi

Reputation: 6389

Firebase Notification Always shows blank icon

I'm new with FCM. I cannot make FCM use my app icon as notification icon and the icon is always a white blank one.

I imported an icon to mipmap folders but nothing seems changed. As some dude say that this is because of lollipop notification as in this question

But the problem is, the FCM notification automatically pops up and I cannot get the Notification builder to override the icon. How can I change it?

Upvotes: 28

Views: 40918

Answers (6)

Aleksandar
Aleksandar

Reputation: 4154

The only thing that worked for me was to generate a Notification icon image asset in Android studio. To use the an image as the notification icon, just set Asset type to "Image" and select the file.

Tip #1: use an icon which is of white color, on transparent background!

Tip #2: if the preview on the right side of the window contains only white squares, your notification icon will look just like that - white squares! enter image description here

Tip #3: the Name of the asset is what should be added into the meta-data tag in AndroidManifest

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

Source: Taken from this answer

Upvotes: 5

Aniket Dhandhukia
Aniket Dhandhukia

Reputation: 551

This is the default behaviour of FCM. When app is in background it will take white icon.

Use this tag and put it in your Manifest. For me this worked. Hope it works for you too. Ensure meta-data is inside application like the example mentioned in quickstart

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme"
    tools:ignore="GoogleAppIndexingWarning">
    <!-- [START fcm_default_icon] -->
    <!-- Set custom default icon. This is used when no icon is set for incoming notification messages. -->
    <meta-data
        android:name="com.google.firebase.messaging.default_notification_icon"
        android:resource="@drawable/ic_stat_ic_notification" />
    <!-- Set color used with incoming notification messages. This is used when no color is set for the incoming
         notification message. -->
    <meta-data
        android:name="com.google.firebase.messaging.default_notification_color"
        android:resource="@color/colorAccent" />
    <!-- [END fcm_default_icon] -->
    <!-- [START fcm_default_channel] -->
    <meta-data
        android:name="com.google.firebase.messaging.default_notification_channel_id"
        android:value="@string/default_notification_channel_id" />
    <!-- [END fcm_default_channel] -->
    <activity
        android:name=".EntryChoiceActivity"
        android:label="@string/app_name">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

    <activity android:name=".kotlin.MainActivity" />
    <activity android:name=".java.MainActivity" />

Upvotes: 47

XpressGeek
XpressGeek

Reputation: 3697

Keep your notification small as 72 x 72 and make it completely white. See the photo attached with this answer.

Then paste the codes below into your manifest.

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

enter image description here

You can make a new icon from default icons pack of Android Studio.

For this right click on your drawable folder > New > Image Asset

Upvotes: 2

Aweda
Aweda

Reputation: 473

I faced same problem and did everything suggested here and nothing worked.

Eventually, downgrading the firebase plugin from 11.8.0 to 11.6.0 resolves it with the help of this github issue.

This might also help someone.

Upvotes: 1

Kemparaju
Kemparaju

Reputation: 26

When no icons are set for incoming notifications, firebase will take the default icon and shows notification.

To override the default icon add below code into your Android manifest file

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

For more information you can follow the link

Upvotes: -1

If you are having this problem

enter image description here

See this link: Icon not displaying in notification: white square shown instead

I had the same problem. I solved by making transparent image from designer. Make sure your logo should be 72*72 pixels.

NOTE: Don't time waste in googling this issue, you just need a transparent icon which should be 72*72 dimensions.

Upvotes: 20

Related Questions