# 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:** 2

<div class="post-metadata">

### Author: ![shrickus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/shrickus/32/517_2.png) [@shrickus](https://discourse.nodered.org/u/shrickus)
#### Post date: [20 June 2018 15:10 UTC](https://discourse.nodered.org/t/change-icon-on-switch/956/2 "2018-06-20T15:10:58Z")

</div>

Those "icon" text fields are not for entering urls or filenames, which is why your icon is not showing what you expect. From the `ui_switch` node's info:

> The On/Off Color and On/Off Icon are optional fields. If they are all present, the default toggle switch will be replaced with the relevant icons and their respective colors.

> The On/Off Icon field can be either [Material Design icons](https://design.google.com/icons/) (e.g. 'check', 'close') or [Font Awesome icons](https://fontawesome.com/v4.7.0/icons/) (e.g. 'fa-fire').

If you need to show some custom icon images, I think you will have to use a `ui_template` node -- but then you will have to build the interactivity (to send/recv msg data) yourself.

---

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