# Change icon on switch

**URL:** <https://discourse.nodered.org/t/change-icon-on-switch/956>\
**Category:** Dashboard\
**Created:** [20 June 2018 14:02 UTC](https://discourse.nodered.org/t/change-icon-on-switch/956 "2018-06-20T14:02:04Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)\
**Post date:** [21 June 2018 00:39 UTC](https://discourse.nodered.org/t/change-icon-on-switch/956/5 "2018-06-21T00:39:20Z")

</div>

Hi,

Your final design is great. Well done.

Just a comment about using fa icons in the switch dashboard node (original question):

It will work fine if you enter the name of the fa icon, as below:

![f-03](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/bc79ca23bf45612ac99f777f6dc94072e80a8906.PNG)

You can use even the spinning icons...

![f-01](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/94870e3f897055e3c0717db9b6df4f99a0fe983b.PNG)

![f-02](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/2e74994ce193f2c0145ac0eaaf1b47add332ecef.PNG)

Flow:

```auto
[{"id":"18597abe.938ec5","type":"ui_switch","z":"2cb1b127.fa28be","name":"","label":"UP","group":"953a8d3e.ddd6","order":0,"width":"2","height":"1","passthru":true,"decouple":"false","topic":"","style":"","onvalue":"true","onvalueType":"bool","onicon":"fa-refresh fa-spin","oncolor":"lime","offvalue":"false","offvalueType":"bool","officon":"fa-arrow-circle-down","offcolor":"yellow","x":351.1000061035156,"y":86.00000381469727,"wires":[[]]},{"id":"f9aeac7c.b94c1","type":"ui_switch","z":"2cb1b127.fa28be","name":"","label":"Down","group":"953a8d3e.ddd6","order":0,"width":"2","height":"1","passthru":true,"decouple":"false","topic":"","style":"","onvalue":"true","onvalueType":"bool","onicon":"fa-refresh fa-spin","oncolor":"lime","offvalue":"false","offvalueType":"bool","officon":"fa-arrow-circle-up","offcolor":"yellow","x":353.00000381469727,"y":153.99999904632568,"wires":[[]]},{"id":"953a8d3e.ddd6","type":"ui_group","z":"","name":"TEST","tab":"94476cd1.94e7c","disp":true,"width":"4","collapse":false},{"id":"94476cd1.94e7c","type":"ui_tab","z":"","name":"GRID","icon":"dashboard"}]

```

---

_[View the full topic](https://discourse.nodered.org/t/change-icon-on-switch/956)._