# Custom logo for button

**URL:** <https://discourse.nodered.org/t/custom-logo-for-button/51160>\
**Category:** Dashboard\
**Created:** [17 September 2021 14:10 UTC](https://discourse.nodered.org/t/custom-logo-for-button/51160 "2021-09-17T14:10:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sirhc](https://avatars.discourse-cdn.com/v4/letter/s/b77776/32.png) [@Sirhc](https://discourse.nodered.org/u/Sirhc)\
**Post date:** [17 September 2021 14:10 UTC](https://discourse.nodered.org/t/custom-logo-for-button/51160/1 "2021-09-17T14:10:55Z")

</div>

Hello

I have a button setup in my flow and I would like to customize the icon.

My node red home dir is /home/foo/.node-red/images  
My httpStatic in settings.js is set to httpStatic: '/home/foo/.node-red/',  
The image is called light\_logo.jpg

However when I enter this into the configuration as follows:

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/1/e1eec0b53bc9029e0487079f1bc3f893e4b26b56.png)

The logo shows up as a question mark:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/1/f11826a462a88e7daf11c3716c3bc2459982d398.png)

Can anyone shed any light on what I'm doing wrong?

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [17 September 2021 16:32 UTC](https://discourse.nodered.org/t/custom-logo-for-button/51160/2 "2021-09-17T16:32:03Z")

</div>

From the node's help

> The **Icon** can be defined, as either a [Material Design icon](https://klarsys.github.io/angular-material-icons/) _(e.g. 'check', 'close')_ or a [Font Awesome icon](https://fontawesome.com/v4.7.0/icons/) _(e.g. 'fa-fire')_ , or a [Weather icon](https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md). You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame\_asset'.

You could use a ui-template and roll your own button.

---

<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:** [17 October 2021 16:32 UTC](https://discourse.nodered.org/t/custom-logo-for-button/51160/3 "2021-10-17T16:32:20Z")

</div>

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