# Change d-icon icon by css

**URL:** https://meta.discourse.org/t/change-d-icon-icon-by-css/170046
**Category:** Development
**Created:** [November 13, 2020, 2:57pm UTC](https://meta.discourse.org/t/change-d-icon-icon-by-css/170046 "2020-11-13T14:57:02Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![feabila](https://avatars.discourse-cdn.com/v4/letter/f/e9bcb4/32.png) [@feabila](https://meta.discourse.org/u/feabila)
#### Post date: [November 13, 2020, 2:57pm UTC](https://meta.discourse.org/t/change-d-icon-icon-by-css/170046/1 "2020-11-13T14:57:02Z")

</div>

Hi you all!

I’m styling [Discourse Follow](https://meta.discourse.org/t/follow-plugin/110579), then I started considering changes over

```
button[aria-label="Follow"] or button[aria-label="Following"] 

```

Do you know if there is some way to change icon by Css, so this way, it would be possible to change from “user-plus” (to follow) to “user-check” (following)

 ![Screen Shot 2020-11-13 at 11.56.36](https://global.discourse-cdn.com/meta/original/3X/1/8/189798fece8f796948e3557c82c8121fcbd6d98f.png)

 ![Screen Shot 2020-11-13 at 11.54.03](https://global.discourse-cdn.com/meta/original/3X/7/9/7924d650ec927e9b728d5612db1c3f5b7a574c05.png)

Hope you guys can help me!

Best Regards,  
Felipe

EDIT(SOLUTION):  
Yooo! I manipulated over **user object reference**

```
{{follow-toggle icon=(if user.following 'user-check' 'user-plus') user=user}}

```

 ![Screen Shot 2020-11-13 at 12.07.31](https://global.discourse-cdn.com/meta/original/3X/7/2/72862b3965d10fa990b6369eb81c37ee0fe4b168.png)

Thank you all!!

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [November 13, 2020, 3:43pm UTC](https://meta.discourse.org/t/change-d-icon-icon-by-css/170046/4 "2020-11-13T15:43:42Z")

</div>

@feabila, that’s a great idea.

So great in fact, I’ve gone ahead and committed at least part of that to the repo:

[https://github.com/paviliondev/discourse-follow/commit/2609657fc4e155ea1d1f6ddb74ac2600a46eeaa0](https://github.com/paviliondev/discourse-follow/commit/2609657fc4e155ea1d1f6ddb74ac2600a46eeaa0)

Nice one! 👍 🎉

Actually, I’ll keep it functionally the way you propose, but I’ll simplify and rely on the existing Computed Property:

[https://github.com/paviliondev/discourse-follow/commit/6bcdebb40fea0233ac4b46548ccc720bc263c08c](https://github.com/paviliondev/discourse-follow/commit/6bcdebb40fea0233ac4b46548ccc720bc263c08c)

Please take a look if you are interested in the alternative implementation.

Cheers!