Discourse-reactions default like icon remains invisible

[hellekin]

Continuing the discussion from Discourse Reactions:

In the screenshot below, we can see that the default icon for reactions is missing in the first post. The button is there and active (we can react) and the reactions will show, as in the second post.

Question is: how to restore the default icon when there is no reaction yet?

Settings:

• icon heart-pulse for like icon
• etc. emojis
• desaturated reaction panels

Thank you!

[Moin]

While the solid icon is free, you need Font Awesome Pro for the regular icon.

Related bug topic:

Discourse Reactions does not support non-regular free icons(far- prefix is added to like icon)

I’m trying to add the free, solid, beer icon as my discourse reactions like icon: [image] Unfortunately the far- prefix is added to the “beer” text [image] and the regular icon is not included in the free tier: [image] so the icon does not load: [image] If this is intended, is there a workaround for this?

Lilly shared a workaround here

Torri-gate on Font awesome makes post reaction button disappear

Ok here is a fix for a simple shinto priest Torii-gate reaction icon fix (or any fontawesome icon that doesn’t have a far version) Step 1: Add the replacement script to the head section Go to Admin - Themes (or Components) and add this code to the head tab of a new theme or component in Edit CSS/HTML: <script type="text/discourse-plugin" version="0.8"> api.replaceIcon("far-torii-gate", "torii-gate"); </script> [This is a screenshot of a code editor with a …

[hellekin]

Indeed, @Lilly’s workaround works fine:

I hope the UI vs. emojis vs. SVGs discrepancies will be solved soon.

Thank you @Moin!