# Material Icons in Groups are not working, when multiple Icons with same prefix exist

**URL:** <https://discourse.nodered.org/t/material-icons-in-groups-are-not-working-when-multiple-icons-with-same-prefix-exist/87756>\
**Category:** Dashboard\
**Created:** [6 May 2024 16:43 UTC](https://discourse.nodered.org/t/material-icons-in-groups-are-not-working-when-multiple-icons-with-same-prefix-exist/87756 "2024-05-06T16:43:00Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![lori](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/lori/32/85597_2.png) [@lori](https://discourse.nodered.org/u/lori)\
**Post date:** [6 May 2024 16:43 UTC](https://discourse.nodered.org/t/material-icons-in-groups-are-not-working-when-multiple-icons-with-same-prefix-exist/87756/1 "2024-05-06T16:43:00Z")

</div>

Hello,

I recently recognized, that google material icons are not working inside groups, when multiple icons existing with the same prefix.  
For instance if I select the [heat](https://fonts.google.com/icons?selected=Material+Symbols+Outlined:heat:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=heat&icon.size=24&icon.color=%235f6368) `mi-heat` icon like so:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/2/226087f4128938b5d6dd7e01feaec86838b1bcba.png)  
When deployed it looks like that:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/2/52b8d149377e7294c7a8d15044515df98471a007.png)  
It seems that it doesn't find the valid icon since there are several icons starting with heat inside the material icon collection.  
When using for instance the `head_pump` icon it works as expected.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/1/218f9aee4d599fd68d85ec20ba6d31ce3dd29989.png)

**Is this a bug?**

---

<div class="post-metadata">

**Author:** ![lori](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/lori/32/85597_2.png) [@lori](https://discourse.nodered.org/u/lori)\
**Post date:** [6 May 2024 17:45 UTC](https://discourse.nodered.org/t/material-icons-in-groups-are-not-working-when-multiple-icons-with-same-prefix-exist/87756/2 "2024-05-06T17:45:55Z")

</div>

This might be because the icons which are not shown are part of the `Material Symbols (new)` which is the default selection. When I switch to `Material Icons` and use icons from there, it seems to work.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/a/7aa22a31eb6964940ed4a024f5119e79be0ffd20.png)

---

<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:** [20 May 2024 17:46 UTC](https://discourse.nodered.org/t/material-icons-in-groups-are-not-working-when-multiple-icons-with-same-prefix-exist/87756/3 "2024-05-20T17:46:31Z")

</div>

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