# Different dashboard favicon\[s\]

**URL:** <https://discourse.nodered.org/t/different-dashboard-favicon-s/100145>\
**Category:** General\
**Tags:** feature-request, dashboard-2\
**Created:** [12 January 2026 01:18 UTC](https://discourse.nodered.org/t/different-dashboard-favicon-s/100145 "2026-01-12T01:18:32Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [12 January 2026 01:18 UTC](https://discourse.nodered.org/t/different-dashboard-favicon-s/100145/1 "2026-01-12T01:18:32Z")

</div>

It is possible to customise the browser tab favicon and label for the editor.  
Here is my browser pointed to 4 Node-red machines. The 4th one is the default tab settings, the others show the machine name (they are named after the colour of their case)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/optimized/3X/b/f/bf0250d5b4efb7c540d515ea9301a971bbc23dc4_2_517x36.png)

While the Flowfuse dashboard browser tab shows the db page name rather than headlining "Node-RED", there is no way to tell from a glance which machine it is on.

Can the favicon be customisable, either for all dashboard pages, or for each individually?  
eg on orangepi I could have this for the dashboard  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/7/67506663ba3122772c251402c399cb58c7649c74.png)

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [12 January 2026 06:26 UTC](https://discourse.nodered.org/t/different-dashboard-favicon-s/100145/2 "2026-01-12T06:26:37Z")

</div>

I think your best bet is to use javascript to force a favicon as they are cached by browsers, they are quite annoying. I often see the node-red icon in web interfaces running outside of node-red but on the same machine.

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [12 January 2026 18:05 UTC](https://discourse.nodered.org/t/different-dashboard-favicon-s/100145/3 "2026-01-12T18:05:06Z")

</div>

there are some details on theming --\> [Theme Plugins : Node-RED](https://nodered.org/docs/api/ui/themes/)

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [12 January 2026 20:32 UTC](https://discourse.nodered.org/t/different-dashboard-favicon-s/100145/4 "2026-01-12T20:32:36Z")

</div>

OK so I can set a custom favicon on each dashboard page using a ui-template, assuming that the icon is in my static content directory.

Just got to work out how to create an svg favicon now.  
I asked chatgpt but I'm afraid it overtaxed her conceptual engine and bad words were exchanged.

```auto
<template>
    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
</template>

```

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [13 January 2026 08:16 UTC](https://discourse.nodered.org/t/different-dashboard-favicon-s/100145/5 "2026-01-13T08:16:03Z")

</div>

> [@jbudd](#):
>
> create an svg favicon now

doesn't need to be SVG, tools that I found useful for creating favicons:

- [https://favicon.io/](https://favicon.io/) - from png/text to favicon
- [https://www.favicon.cc](https://www.favicon.cc) - draw your own with instant preview

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [13 January 2026 12:20 UTC](https://discourse.nodered.org/t/different-dashboard-favicon-s/100145/6 "2026-01-13T12:20:07Z")

</div>

Thanks for the hints @bakman2, @gregorius

My browser tabs bar with 3 different Node-red machines and their dashboards now looks like this.

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

Only time will tell if I can live with this...

---

<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:** [13 April 2026 12:20 UTC](https://discourse.nodered.org/t/different-dashboard-favicon-s/100145/7 "2026-04-13T12:20:28Z")

</div>

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