# Changed reaction icon not displaying

**URL:** https://meta.discourse.org/t/changed-reaction-icon-not-displaying/315143
**Category:** Support
**Tags:** reactions
**Created:** [May 27, 2024, 11:24pm UTC](https://meta.discourse.org/t/changed-reaction-icon-not-displaying/315143 "2024-05-27T23:24:16Z")
**Posts on this page:** 3
**Page:** 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 27, 2024, 11:24pm UTC](https://meta.discourse.org/t/changed-reaction-icon-not-displaying/315143/1 "2024-05-27T23:24:16Z")

</div>

Need some help anyone please

I placed beer for a like icon

 ![The image displays a web interface setting specifying "beer" as the Font Awesome icon name for a discourse reaction like button. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/3/5/5/3552a7cdc88734763a50298f626bb05a38c07ebd.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/8/1/1/811cbac630c7a6563629016b74801544b9e6e9bb.png)

and got the color changed with a component

common css

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

```

past beers I have given, all is well  
 ![image](https://global.discourse-cdn.com/meta/original/4X/2/4/8/24829bf1e89de2c27e2095ebaeb3dda37f25d50f.png)

one’s I get, good I’m happy  
 ![image](https://global.discourse-cdn.com/meta/original/4X/5/b/a/5ba12918142922acaaa40a3e053a3c6f0de2aff7.png)

but nothing shows to give one

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

Can anyone help with getting the giving a beer to show please?

Thank you 🍻

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [May 27, 2024, 11:31pm UTC](https://meta.discourse.org/t/changed-reaction-icon-not-displaying/315143/2 "2024-05-27T23:31:34Z")

</div>

You can look at a solution here:

> [@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):
>
> The icon works if you can’t like it anymore, but not when you can. Looking at the code, when you liked already: [https://github.com/discourse/discourse-reactions/blob/main/assets/javascripts/discourse/widgets/discourse-reactions-reaction-button.js#L107-L115](https://github.com/discourse/discourse-reactions/blob/main/assets/javascripts/discourse/widgets/discourse-reactions-reaction-button.js#L107-L115) When you did not like yet: [https://github.com/discourse/discourse-reactions/blob/main/assets/javascripts/discourse/widgets/discourse-reactions-reaction-button.js#L130-L136](https://github.com/discourse/discourse-reactions/blob/main/assets/javascripts/discourse/widgets/discourse-reactions-reaction-button.js#L130-L136) It expects a far— version, which doesn’t seem to exist f…

---

<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:29am UTC](https://meta.discourse.org/t/changed-reaction-icon-not-displaying/315143/3 "2024-05-28T11:29:14Z")

</div>

excellent, I placed your script in a component head I had working on beer color

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/7/3/573536e90b75a3e462e8d158e8d6f2ca5db4ab0c.png)

and it worked, thank you!

![image](https://global.discourse-cdn.com/meta/original/4X/2/a/f/2afd68a24880b78904cae0e7104c9c487dcb632a.png)

but it seems what I was doing for beer color caused other issues

> [@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…

is there some bad recipe here for icon color?

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