# Noob Zigbee Icon for Dashboard Tab?

**URL:** <https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543>\
**Category:** Dashboard\
**Created:** [7 February 2021 12:32 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543 "2021-02-07T12:32:26Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![onkel\_joerg](https://avatars.discourse-cdn.com/v4/letter/o/d9b06d/32.png) [@onkel\_joerg](https://discourse.nodered.org/u/onkel_joerg)\
**Post date:** [7 February 2021 12:32 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/1 "2021-02-07T12:32:27Z")

</div>

Hello,  
I have a simple question: how do i get a Ziggbee icon into my Dashboard tab?

---

<div class="post-metadata">

**Author:** ![vikozo](https://avatars.discourse-cdn.com/v4/letter/v/858c86/32.png) [@vikozo](https://discourse.nodered.org/u/vikozo)\
**Post date:** [7 February 2021 13:14 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/2 "2021-02-07T13:14:25Z")

</div>

you will have to install it  
On the top right you have the 3line go there go to "palette verwalten" and search for zigbee!  
have a nice day  
vinc

---

<div class="post-metadata">

**Author:** ![onkel\_joerg](https://avatars.discourse-cdn.com/v4/letter/o/d9b06d/32.png) [@onkel\_joerg](https://discourse.nodered.org/u/onkel_joerg)\
**Post date:** [7 February 2021 13:54 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/3 "2021-02-07T13:54:17Z")

</div>

There are 10 nodes with "zigbee" which one ist the node with the icon?  
Btw I communicate to the zigbee devices via mqtt to a Sonoff Zigbee Bridge with Tasmota.

---

<div class="post-metadata">

**Author:** ![vikozo](https://avatars.discourse-cdn.com/v4/letter/v/858c86/32.png) [@vikozo](https://discourse.nodered.org/u/vikozo)\
**Post date:** [7 February 2021 15:32 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/4 "2021-02-07T15:32:26Z")

</div>

if you search you have behind the result a little square with a arrow, click on it and you got more information. Read and find what best will fit your wish

---

<div class="post-metadata">

**Author:** ![onkel\_joerg](https://avatars.discourse-cdn.com/v4/letter/o/d9b06d/32.png) [@onkel\_joerg](https://discourse.nodered.org/u/onkel_joerg)\
**Post date:** [7 February 2021 16:32 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/5 "2021-02-07T16:32:07Z")

</div>

Thank you for your help.  
None of the 10 results even has the word "icon" in the text of the linked pages.  
Further suggestions?

---

<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 February 2021 16:46 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/6 "2021-02-07T16:46:02Z")

</div>

Does the icons section of the readme help ? [node-red-dashboard (node) - Node-RED](https://flows.nodered.org/node/node-red-dashboard)

---

<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:** [7 February 2021 20:13 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/7 "2021-02-07T20:13:01Z")

</div>

Were do you need to use the icon? At sidebar like this?  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/4/f47cd63f1be39cbf5d49d4ab369886472a7ec7a9.png)

---

<div class="post-metadata">

**Author:** ![onkel\_joerg](https://avatars.discourse-cdn.com/v4/letter/o/d9b06d/32.png) [@onkel\_joerg](https://discourse.nodered.org/u/onkel_joerg)\
**Post date:** [7 February 2021 22:09 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/8 "2021-02-07T22:09:53Z")

</div>

yes.  
How do I get this?

---

<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:** [7 February 2021 22:22 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/9 "2021-02-07T22:22:49Z")

</div>

I hope you did read the instructions about icons usage for dashboard.. As zigbee icon is not part of standard set material icons (correct me if I'm wrong) you need to get it from wide web. There is couple of options to achieve that but most simple is to use iconify icons. But for sure for simple usage it requires your setup to be connected to internet.

The icon source is here [Icon Sets • Iconify](https://iconify.design/icon-sets/?query=zigbee). Choose one of them and then, use the `ui_template` node to **add iconify script to the dashboard** and configure the tab to use the icon.

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

---

<div class="post-metadata">

**Author:** ![onkel\_joerg](https://avatars.discourse-cdn.com/v4/letter/o/d9b06d/32.png) [@onkel\_joerg](https://discourse.nodered.org/u/onkel_joerg)\
**Post date:** [7 February 2021 22:52 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/10 "2021-02-07T22:52:22Z")

</div>

thank you.  
That works.  
I had to create the 2 templates, and now it works like a charm.

---

<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:** [7 February 2021 22:55 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/11 "2021-02-07T22:55:48Z")

</div>

Why 2? It takes only one. (if configured correctly)

---

<div class="post-metadata">

**Author:** ![onkel\_joerg](https://avatars.discourse-cdn.com/v4/letter/o/d9b06d/32.png) [@onkel\_joerg](https://discourse.nodered.org/u/onkel_joerg)\
**Post date:** [8 February 2021 01:08 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/12 "2021-02-08T01:08:59Z")

</div>

too late.  
Super bowl  
I'll take a look tomorrow  
😉

---

<div class="post-metadata">

**Author:** ![JoseGodinho](https://avatars.discourse-cdn.com/v4/letter/j/f4b2a3/32.png) [@JoseGodinho](https://discourse.nodered.org/u/JoseGodinho)\
**Post date:** [15 February 2021 12:31 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/13 "2021-02-15T12:31:00Z")

</div>

> [@hotNipi](#):
>
> Hello hotNipi  
> could you please elaborate how to
> 
> , _use the `ui_template` node to **add iconify script to the dashboard** and configure the tab to use the icon."_

Much apreciated

---

<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:** [15 February 2021 12:36 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/14 "2021-02-15T12:36:02Z")

</div>

It is documented here: [GitHub - node-red/node-red-dashboard: A dashboard UI for Node-RED](https://github.com/node-red/node-red-dashboard#icons)

---

<div class="post-metadata">

**Author:** ![JoseGodinho](https://avatars.discourse-cdn.com/v4/letter/j/f4b2a3/32.png) [@JoseGodinho](https://discourse.nodered.org/u/JoseGodinho)\
**Post date:** [15 February 2021 12:49 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/15 "2021-02-15T12:49:56Z")

</div>

Please disregard my question

---

<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:** [1 March 2021 12:49 UTC](https://discourse.nodered.org/t/noob-zigbee-icon-for-dashboard-tab/40543/16 "2021-03-01T12:49:57Z")

</div>

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