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.

[imagem] 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]

Como usar um SVG personalizado como ícone no plugin Reactions?

Suporte ao Produto

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

Tópico		Respostas	Visualizações
How to replace an existing SVG icon with a custom one? Development	10	835	25 de Março de 2021
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	10	9586	24 de Fevereiro de 2026
Change icon style in discourse Product Support	1	309	4 de Março de 2025
Discourse-reactions default like icon remains invisible Product Support reactions	2	233	14 de Agosto de 2025
Thumbs-up - three names, one emoji UX reactions	12	1653	11 de Setembro de 2023

Como usar um SVG personalizado como ícone no plugin Reactions?

Tópicos relacionados