Hey, I read through this: Replace Discourse's default SVG icons with custom icons in a theme Created a spritesheet (I think I have done this correctly): <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="mod-crown" width="13" heig…

No change when removing metadata. However: <script type="text/discourse-plugin" version="0.8"> api.replaceIcon('shield-alt', 'mod-crown'); </script> This gets it to show up but I also get a scary warning about compatibility: [image] In the inspector I get this warning: Deprecation notice: …

Hi, welcome! [image] branon: "mod-crown": "assets/mod-crown.svg" The mod-crown variable name should be replaced by icons-sprite. I had the same issue before, I think the documentation could be improved in this bit. Also, [image] branon: <script type="text/discourse-plugin" version="0…

[image] Arkshine: The mod-crown variable name should be replaced by icons-sprite. I’ve adjusted this but there has been no change. "assets": { "icons-sprite": "assets/mod-crown.svg" } Is my spritesheet valid? I notice it looks different than other spritesheets e.g. assets/sp…

Did you try to remove the metadata, just in case? Let me give it a try on my side.

What I was about to say, just noticed it as well! I’m glad it works. :grinning_face_with_smiling_eyes:

How to change moderator icon

Development

Arkshine March 8, 2025, 7:36pm 6

What I was about to say, just noticed it as well!

I’m glad it works.

Topic		Replies	Views
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	10	9537	February 24, 2026
I can't change the notification icons Development	6	938	January 30, 2023
How i can change the Staff Icon Product Support	10	2947	December 7, 2019
Change icon style in discourse Product Support	1	306	March 4, 2025
Change icons globally Developer Guides how-to	26	10693	October 5, 2025

How to change moderator icon

Related topics