Regarding the ability to customize the Like icon, i know from some of the earliest discussions we are instructed to only pick icons that have the ‘regular’ version (unliked) and the ‘solid’ version (liked) readily available. Our forum has used an substitute Like icon (knife and fork- yes we are a f…

[image] Replace Discourse's default SVG icons with custom icons in a theme Developer Guides You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create…

Hey ckshen, I don’t have the answer, but it’s an interesting question. I also noticed that it doesn’t work with many default icons. It will work with “thumbs-up” and will automatically put a filled icon when we click it, but for other icons like “wrench” or “link”, the icon doesn’t render. It’s a…

I think the Reaction code adds a ‘far’ to things, which will make them go blank if there’s no far version: [Untitled] [Untitled2]

How to use a custom SVG like icon in the Reactions plugin?

Support

Lilly June 2, 2023, 3:53pm 2

Topic		Replies	Views
How to replace an existing SVG icon with a custom one? Development	11	544	September 4, 2023
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	10	8871	February 24, 2026
Change icon style in discourse Support	1	178	March 4, 2025
Discourse-reactions default like icon remains invisible Support reactions	3	112	September 13, 2025
Thumbs-up - three names, one emoji UX reactions	12	1404	September 11, 2023

How to use a custom SVG like icon in the Reactions plugin?

Related topics