Discourse-reactions default like icon remains invisible

AI-generated summary

In a support discussion about Discourse Reactions, hellekin reported that the default reaction icon (e.g., heart-pulse) is invisible in posts before any reaction is applied, despite the button being functional. The issue stems from using a Font Awesome Pro icon (far-heart-pulse) while only free icons are supported by default. Moin confirmed this limitation and referenced a related bug thread, sharing a workaround from Lilly that restores visibility. hellekin confirmed the workaround works and expressed hope for a future fix to unify UI behavior across icons, emojis, and SVGs. The issue is tied to the reactions plugin and Font Awesome licensing constraints.

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
  • :+1: :laughing: etc. :heart: :mending_heart: emojis
  • desaturated reaction panels

Thank you!

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

Related bug topic:

Lilly shared a workaround here

Indeed, @Lilly’s workaround works fine:

heart-pulse is now visible in the interface

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

Thank you @Moin!