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 food forum) for years, where the solid version is available in FontAwesome Free, but the regular version is only in Pro. It doesn’t make sense for us to pay $99 for the Pro plan for just one icon. Question is, are we able to upload our own SVG for the customized icon? Has anyone done it successfully? I tried doing that, but no icon shows up. Hence the question. Thanks.

[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 an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the tag contents from the original SVG icon file into …

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 also worth mentioning that using the API to replace icons as it’s done here Change the Like Icon to 👍 for example seems overridden by the Reactions discourse reactions like icon setting.

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?

Product Support

Lilly (Lillian ) June 2, 2023, 3:53pm 2

Topic		Replies	Views
How to replace an existing SVG icon with a custom one? Development	10	839	March 25, 2021
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	10	9589	February 24, 2026
Change icon style in discourse Product Support	1	310	March 4, 2025
Discourse-reactions default like icon remains invisible Product Support reactions	2	233	August 14, 2025
Thumbs-up - three names, one emoji UX reactions	12	1654	September 11, 2023

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

Related topics