# Change favicon in Node Red

**URL:** https://discourse.nodered.org/t/change-favicon-in-node-red/9869
**Category:** Dashboard
**Created:** [7 April 2019 17:59 UTC](https://discourse.nodered.org/t/change-favicon-in-node-red/9869 "2019-04-07T17:59:20Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![sakura](https://avatars.discourse-cdn.com/v4/letter/s/898d66/32.png) [@sakura](https://discourse.nodered.org/u/sakura)
#### Post date: [7 April 2019 17:59 UTC](https://discourse.nodered.org/t/change-favicon-in-node-red/9869/1 "2019-04-07T17:59:20Z")

</div>

How I can I change the favicon in the Node Red site ?

---

<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: [7 April 2019 20:17 UTC](https://discourse.nodered.org/t/change-favicon-in-node-red/9869/3 "2019-04-07T20:17:16Z")

</div>

That’s currently not easy to do. 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: ![IoTPlay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/iotplay/32/40_2.png) [@IoTPlay](https://discourse.nodered.org/u/IoTPlay)
#### Post date: [22 February 2021 10:52 UTC](https://discourse.nodered.org/t/change-favicon-in-node-red/9869/4 "2021-02-22T10:52:37Z")

</div>

Did any easier way surface for changing favicon yet?

## When we were still on Google Groups - below was posted:

How can I provide a custom favicon and a custom logo for my dashboard?

* * *

Right now the simplest way is to replace the icons in your ~/.node-red/node\_modules/node-

red-dashboard/dist directory… and then edit the dashboard.appcache to also point to the new files.

* * *

[https://groups.google.com/forum/?hl=en-GB#!topic/node-red/nJ\_UKETxtIo](https://groups.google.com/forum/?hl=en-GB#!topic/node-red/nJ_UKETxtIo)

Allright folks i changed the icon in the node-red-dashboard/dist (smthing like that) folder and it didnt worked at the first try because i didnt clear the cache on my phone. I cleared the cache and i did "add to homescreen" again and it looked the way a wanted to. The .png file to modify is named icon64x64.png or icon192x192.png and i believe if you are iOS youll need to add an icon120x120.png in the same directory

~/.node-red/node\_modules/node-red-dashboard/dist

The iOS icon size info is listed here [https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html](https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html)

---

<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: [22 February 2021 10:56 UTC](https://discourse.nodered.org/t/change-favicon-in-node-red/9869/5 "2021-02-22T10:56:55Z")

</div>

no. nothing has changed.

---

<div class="post-metadata">

### Author: ![suodrazah](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/suodrazah/32/70482_2.png) [@suodrazah](https://discourse.nodered.org/u/suodrazah)
#### Post date: [10 November 2022 02:41 UTC](https://discourse.nodered.org/t/change-favicon-in-node-red/9869/6 "2022-11-10T02:41:51Z")

</div>

Why not just use the template node?

```auto
[
    {
        "id": "5439e2fa04d0ab12",
        "type": "ui_template",
        "z": "ffc0171904d07147",
        "group": "40347547aa3cd9fd",
        "name": "favicon",
        "order": 1,
        "width": 0,
        "height": 0,
        "format": "<link rel=\"icon\" type=\"image/x-icon\" href=\"https://external-content.duckduckgo.com/ip3/nodered.org.ico\">",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "global",
        "className": "",
        "x": 120,
        "y": 40,
        "wires": [
            []
        ]
    },
    {
        "id": "40347547aa3cd9fd",
        "type": "ui_group",
        "name": "Styles",
        "tab": "3e782fdfa1feb5fa",
        "order": 1,
        "disp": false,
        "width": "6",
        "collapse": false,
        "className": ""
    },
    {
        "id": "3e782fdfa1feb5fa",
        "type": "ui_tab",
        "name": "Styles",
        "icon": "dashboard",
        "order": 3,
        "disabled": false,
        "hidden": false
    }
]

```

---

<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: [10 November 2022 09:29 UTC](https://discourse.nodered.org/t/change-favicon-in-node-red/9869/7 "2022-11-10T09:29:23Z")

</div>