# Custom site icon on dashboard

**URL:** <https://discourse.nodered.org/t/custom-site-icon-on-dashboard/11724>\
**Category:** Dashboard\
**Created:** [31 May 2019 10:30 UTC](https://discourse.nodered.org/t/custom-site-icon-on-dashboard/11724 "2019-05-31T10:30:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![allebarbieri](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/allebarbieri/32/7116_2.png) [@allebarbieri](https://discourse.nodered.org/u/allebarbieri)\
**Post date:** [31 May 2019 10:30 UTC](https://discourse.nodered.org/t/custom-site-icon-on-dashboard/11724/1 "2019-05-31T10:30:58Z")

</div>

I am trying to figure out if it is possible to change the dashboard site icon instead of the red on white standard icon.

 ![icon%20custom](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/2/2f109c374da455b6172ad0ef5d66f5b51ebed74a.png)

It would be nice to have an additional "site icon" field on the dashboard "site" tab.

 ![proposal](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/4/4e7b45823b260eef7eed9017eeeb2165c9c3fe70.png)

---

<div class="post-metadata">

**Author:** ![ukmoose](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ukmoose/32/13_2.png) [@ukmoose](https://discourse.nodered.org/u/ukmoose)\
**Post date:** [31 May 2019 12:38 UTC](https://discourse.nodered.org/t/custom-site-icon-on-dashboard/11724/2 "2019-05-31T12:38:22Z")

</div>

Does the dashboard use the same favicon as node-red desktop? If so you can change it in your settings file.

see the section on Editor Themes

[https://nodered.org/docs/configuration](https://nodered.org/docs/configuration)

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [31 May 2019 13:01 UTC](https://discourse.nodered.org/t/custom-site-icon-on-dashboard/11724/3 "2019-05-31T13:01:57Z")

</div>

Feel free to help implement and raise a pull request. The main reluctance is that often sites specify lots of icons to cope with different browsers and devices so it wouldn’t just fit in a simple text box (the Dashboard uses 3 presently). It may just be easiest to overwrite the existing icon files in the dist folder.

(and no we don't use the editor icon for the dashboard)

---

<div class="post-metadata">

**Author:** ![allebarbieri](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/allebarbieri/32/7116_2.png) [@allebarbieri](https://discourse.nodered.org/u/allebarbieri)\
**Post date:** [31 May 2019 13:57 UTC](https://discourse.nodered.org/t/custom-site-icon-on-dashboard/11724/4 "2019-05-31T13:57:54Z")

</div>

Thanks @ukmoose, "favicon" was the right word...

> [@dceejay](#):
>
> It may just be easiest to overwrite the existing icon files in the dist folder.

I think for the moment I will go for this solution.  
Just for the record, the favicon complete path is the following:  
**/.node-red/node\_modules/node-red-dashboard/dist/**

As already mentioned earlier, let's hope they will not be overwritten after upgrades.

> [@Change favicon in Node Red](https://discourse.nodered.org/t/change-favicon-in-node-red/9869/3):
>
> You can replace the images in the dist folder but they may get overwritten on an upgrade unless you save them.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [31 May 2019 14:41 UTC](https://discourse.nodered.org/t/custom-site-icon-on-dashboard/11724/5 "2019-05-31T14:41:25Z")

</div>

they absolutely WILL be overwritten by upgrades - so back them up and have a small script file to re-copy them back in after an upgrade.
