# FontAwesome icon with incorrect color

**URL:** <https://discourse.nodered.org/t/fontawesome-icon-with-incorrect-color/16521>\
**Category:** Developing Nodes\
**Created:** [9 October 2019 21:43 UTC](https://discourse.nodered.org/t/fontawesome-icon-with-incorrect-color/16521 "2019-10-09T21:43:09Z")\
**Posts on this page:** 1\
**Showing post:** 9

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [10 October 2019 21:38 UTC](https://discourse.nodered.org/t/fontawesome-icon-with-incorrect-color/16521/9 "2019-10-10T21:38:53Z")

</div>

**Cheers Dave!!!**  
**Don't read this feedback today** 🤣

Bit more detail. Now at least I know already where the color is coming from...

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/f/f65a47af173f645d3721f7952d900bd0a42f6d75.png)

1. DrawSvg generates an SVG "symbol" for each FontAwesome icon. Such a symbol has an SVG path which contains the contour of the icon.

2. Then DrawSvg will re-"use" that symbol at every location where I put it. And there it also gets my custom **pink color** (`style="fill:#ff1493; !important;"`).

3. The path in the symbol has no explicit color, but it seems to get his blue color from the dashboard:

4. And that is the cause: because when I deselect the checkbox, then the icon gets the pink color in the dashboard...

So I need to get rid of those dashboard styles.  
But as you can see, the **"!important"** directive doesn't help ...

---

_[View the full topic](https://discourse.nodered.org/t/fontawesome-icon-with-incorrect-color/16521)._