# Change icon in button

**URL:** <https://discourse.nodered.org/t/change-icon-in-button/6177>\
**Category:** Dashboard\
**Created:** [27 December 2018 18:50 UTC](https://discourse.nodered.org/t/change-icon-in-button/6177 "2018-12-27T18:50:12Z")\
**Posts on this page:** 1\
**Showing post:** 6

<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:** [19 January 2019 01:22 UTC](https://discourse.nodered.org/t/change-icon-in-button/6177/6 "2019-01-19T01:22:03Z")

</div>

I would suggest having a look on this example from the FAQs:

> [@Examples of Colour change button and switch](https://discourse.nodered.org/t/examples-of-colour-change-button-and-switch/3650):
>
> A simple example of a button that has two states and changes colour/text and icon based on those two states [{"id":"b9a70965.13e138","type":"ui\_button","z":"d511095d.512808","name":"","group":"c070ecdb.6d5ce","order":0,"width":"0","height":"0","passthru":false,"label":"{{payload}}","color":"","bgcolor":"{{colour}}","icon":"","payload":"press","payloadType":"str","topic":"","x":590,"y":615,"wires":[["48aaee20.8d9e1"]]},{"id":"5cc84101.ac6d9","type":"change","z":"d511095d.512808","name":"","rules…

---

_[View the full topic](https://discourse.nodered.org/t/change-icon-in-button/6177)._