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

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.

1 Like

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: