I can't change the notification icons

Don · August 11, 2021, 1:36pm

Hi Mikhail,

Please try this one

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('notification.granted_badge', 'oo-medal-badges');
</script>

You can find these replacements here

github.com/discourse/discourse

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

dc6b547ed


      
          import { h } from "virtual-dom";
          import { isDevelopment } from "discourse-common/config/environment";
          import escape from "discourse-common/lib/escape";
          
          const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
          let _renderers = [];
          
          let warnMissingIcons = true;
          let _iconList;
          
          const REPLACEMENTS = {
            "d-tracking": "bell",
            "d-muted": "discourse-bell-slash",
            "d-regular": "far-bell",
            "d-watching": "discourse-bell-exclamation",
            "d-watching-first": "discourse-bell-one",
            "d-drop-expanded": "caret-down",
            "d-drop-collapsed": "caret-right",
            "d-unliked": "far-heart",
            "d-liked": "heart",
            "notification.mentioned": "at",

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