# How can I use icons on dashboard?

**URL:** <https://discourse.nodered.org/t/how-can-i-use-icons-on-dashboard/51212>\
**Category:** Dashboard\
**Created:** [18 September 2021 17:18 UTC](https://discourse.nodered.org/t/how-can-i-use-icons-on-dashboard/51212 "2021-09-18T17:18:01Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![GiovanniG](https://avatars.discourse-cdn.com/v4/letter/g/ecd19e/32.png) [@GiovanniG](https://discourse.nodered.org/u/GiovanniG)\
**Post date:** [18 September 2021 17:18 UTC](https://discourse.nodered.org/t/how-can-i-use-icons-on-dashboard/51212/1 "2021-09-18T17:18:01Z")

</div>

Hi, sorry for the silly question, probably asked other times, in the guide it's not described how can I install, or eventually call by URLs an icon to a button. I have no idea for both ways, unfortunately there is not an explanation or an example how to do that.  
I'm reading here:

> **[Create a dashboard for IoT with Node-RED. Part 1: button, list, switch,...](https://diyprojects.io/node-red-module-dashboard-gui/#.YUYYP33XeUk)**
>
> Create a dashboard for IoT with Node-RED (node-red-dashboard module): button, switch, form, input filed, gauge, graph

---

<div class="post-metadata">

**Author:** ![GiovanniG](https://avatars.discourse-cdn.com/v4/letter/g/ecd19e/32.png) [@GiovanniG](https://discourse.nodered.org/u/GiovanniG)\
**Post date:** [18 September 2021 17:44 UTC](https://discourse.nodered.org/t/how-can-i-use-icons-on-dashboard/51212/2 "2021-09-18T17:44:19Z")

</div>

As well I dodn't understand how to set a button to ON (it's supposed to change icon? change backgound when ON?). I've tried to input a msg.payload true or false but it didn't have effect.  
I got from the button guide that type the name of icon (I may say it's a kind of remote "url") does show the icon (mi-videogame\_asset), but not all of them work, if I want to use tungsten the mi-tungsten does not produce an icon.  
You better add in the guide I posted that to use Google icons you need to add mi- and that not all icons working, that may save some time avoiding mistakes.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [18 September 2021 20:36 UTC](https://discourse.nodered.org/t/how-can-i-use-icons-on-dashboard/51212/3 "2021-09-18T20:36:57Z")

</div>

Buttons don't have on and off state. If you want something that is On or Off you need a Switch. A Switch can be made to look like a button if you want that;

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [18 October 2021 20:37 UTC](https://discourse.nodered.org/t/how-can-i-use-icons-on-dashboard/51212/4 "2021-10-18T20:37:50Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.