I can't change the notification icons

Don · August 11, 2021, 2:35pm

You can easily identify it by using inspect elements.

For example.: the certificate icon notification

Find the icon name with inspect elements

Find the same icon in the icon-library js

app/assets/javascripts/discourse-common/addon/lib/icon-library.js

dc6b547ed


      
            "notification.liked": "heart",
            "notification.liked_2": "heart",
            "notification.liked_many": "heart",
            "notification.liked_consolidated": "heart",
            "notification.private_message": "far-envelope",
            "notification.invited_to_private_message": "far-envelope",
            "notification.invited_to_topic": "hand-point-right",
            "notification.invitee_accepted": "user",
            "notification.moved_post": "sign-out-alt",
            "notification.linked": "link",
            "notification.granted_badge": "certificate",
            "notification.topic_reminder": "far-clock",
            "notification.watching_first_post": "discourse-bell-one",
            "notification.group_message_summary": "users",
            "notification.post_approved": "check",
            "notification.membership_request_accepted": "user-plus",
            "notification.membership_request_consolidated": "users",
            "notification.reaction": "bell",
            "notification.votes_released": "plus",
          };

Then you can replace the icon with any other icon you want.

Topic		Replies	Views
Change icons globally Developer Guides how-to	26	10516	October 5, 2025
replaceIcon() not replacing the user menu dropdown's icon Support	1	94	November 22, 2024
Where can I find a list of icons used by Discourse? Support	8	4379	October 31, 2021
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	10	9457	February 24, 2026
Custom like button no longer appears after Support	4	575	July 9, 2020

I can't change the notification icons

Related topics