# Image on Button

**URL:** <https://discourse.nodered.org/t/image-on-button/20992>\
**Category:** Dashboard\
**Created:** [29 January 2020 11:29 UTC](https://discourse.nodered.org/t/image-on-button/20992 "2020-01-29T11:29:47Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![lozzer65](https://avatars.discourse-cdn.com/v4/letter/l/f475e1/32.png) [@lozzer65](https://discourse.nodered.org/u/lozzer65)\
**Post date:** [29 January 2020 11:29 UTC](https://discourse.nodered.org/t/image-on-button/20992/1 "2020-01-29T11:29:47Z")

</div>

Hi

I want to place an omage on a button. This button is large and shows the status of a WC. I want to place an image on the button to the left of the text. I did try to use an Icon, but these will not scale large enought for my use.

---

<div class="post-metadata">

**Author:** ![edje11](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/edje11/32/572_2.png) [@edje11](https://discourse.nodered.org/u/edje11)\
**Post date:** [29 January 2020 12:06 UTC](https://discourse.nodered.org/t/image-on-button/20992/2 "2020-01-29T12:06:14Z")

</div>

You can increase the size of your icon with fa-2x, for example  
`fa-2x fa-lightbulb-o`

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [29 January 2020 12:25 UTC](https://discourse.nodered.org/t/image-on-button/20992/3 "2020-01-29T12:25:06Z")

</div>

Biggest supported size is fa-5x.  
If still too small you can add custom class to get size as big as you like

[https://flows.nodered.org/flow/c18083e9781e40af8862a014659898fb](https://flows.nodered.org/flow/c18083e9781e40af8862a014659898fb)

---

<div class="post-metadata">

**Author:** ![lozzer65](https://avatars.discourse-cdn.com/v4/letter/l/f475e1/32.png) [@lozzer65](https://discourse.nodered.org/u/lozzer65)\
**Post date:** [29 January 2020 12:37 UTC](https://discourse.nodered.org/t/image-on-button/20992/4 "2020-01-29T12:37:28Z")

</div>

Hi yes 5x is still too small

---

<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:** [28 February 2020 12:37 UTC](https://discourse.nodered.org/t/image-on-button/20992/5 "2020-02-28T12:37:28Z")

</div>

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