# Problems replacing the ❤ icon in Reactions

**URL:** <https://meta.discourse.org/t/problems-replacing-the-icon-in-reactions/309744>\
**Category:** Product Support\
**Tags:** reactions\
**Created:** [May 28, 2024, 11:36am UTC](https://meta.discourse.org/t/problems-replacing-the-icon-in-reactions/309744 "2024-05-28T11:36:26Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![anon48433008](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anon48433008](https://meta.discourse.org/u/anon48433008)\
**Post date:** [May 28, 2024, 11:36am UTC](https://meta.discourse.org/t/problems-replacing-the-icon-in-reactions/309744/1 "2024-05-28T11:36:26Z")

</div>

> [@Discourse Reactions does not support non-regular free icons(far- prefix is added to like icon)](https://meta.discourse.org/t/discourse-reactions-does-not-support-non-regular-free-icons-far-prefix-is-added-to-like-icon/308408/3):
>
> A quick solution in your case is to use the API to replace the `far-beer`, for example:
> 
> ```plaintext
> <script type="text/discourse-plugin" version="0.8">
> api.replaceIcon("far-beer", "beer");
> </script>
> 
> ```

I found that worked for me in a component

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/9/6/796996a467b61072953f11e6109cf9c0460fdf6e.png)

but I have pink beer, if you get it to show can you help fix the color?

I had this going

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/c/4/6c4a775bac0df46846cd9665b4164d18e0dcfbb9.png)

`.discourse-reactions-actions.has-reacted.has-used-main-reaction .discourse-reactions-reaction-button .reaction-button .d-icon {color: #ffd000;}`

but think it was responsible for a bug this morning

> [@Pasting images buggy results](https://meta.discourse.org/t/pasting-images-buggy-results/309687):
>
> Look at the image links and how they differ from the preview window and the results once posted are the correct images but stretched I installed all these yesterday, activated signatures , reaction and encryption, have another thread where I am trying to get [svg for like](https://meta.discourse.org/t/official-discourse-reactions-plugin/183261/340) working in case its related - git clone https://github.com/discourse/discourse-reactions - git clone https://github.com/discourse/discourse-adplugin - git clone https://github.com/discourse/discourse-aff…

Color may be good without pasting images bug, script helped?

Anyhow the hover color is still pink

![hover](https://global.discourse-cdn.com/meta/original/4X/8/7/5/8750ce56296919155a801d50bc5cc0d2d9e526af.gif)

and shouldn’t reactions (on the far left) have color also?

![image](https://global.discourse-cdn.com/meta/original/4X/d/f/b/dfb833bb79d0fb7bba49696546a8fb934fcea304.png)

Did I cause those to be grayed out?

---

_[View the full topic](https://meta.discourse.org/t/problems-replacing-the-icon-in-reactions/309744)._