# How to get current google material design icons?

**URL:** https://discourse.nodered.org/t/how-to-get-current-google-material-design-icons/64921
**Category:** Dashboard
**Created:** [10 July 2022 23:46 UTC](https://discourse.nodered.org/t/how-to-get-current-google-material-design-icons/64921 "2022-07-10T23:46:32Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![ForumSchlampe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/forumschlampe/32/64411_2.png) [@ForumSchlampe](https://discourse.nodered.org/u/ForumSchlampe)
#### Post date: [10 July 2022 23:46 UTC](https://discourse.nodered.org/t/how-to-get-current-google-material-design-icons/64921/1 "2022-07-10T23:46:32Z")

</div>

Hi there,

i have read about available icons and googe material design icons where mentioned to be usable with the prefix mi-

But when i check on [Material Symbols and Icons - Google Fonts](https://fonts.google.com/icons?icon.set=Material+Icons) the toggle icon looks different to the one i get when i use mi-toggle\_on .... looks like the standard toggle icon.  
Is there a way to replace the icons with the current google material icons?

Thanks

---

<div class="post-metadata">

### Author: ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)
#### Post date: [11 July 2022 00:48 UTC](https://discourse.nodered.org/t/how-to-get-current-google-material-design-icons/64921/2 "2022-07-11T00:48:52Z")

</div>

It looks the same to me ?

However if you take a look here you could use this option -

> [@Suggestion for which icons to use](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/10):
>
> If you put this in a template added to head section you can use thousands of iconify icons then. \<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"\>\</script\> Then in switch node use custom icons set to iconify-mdi:fan-auto and iconify-mdi:fan Browse icons at [iconify](https://icon-sets.iconify.design/)

---

<div class="post-metadata">

### Author: ![ForumSchlampe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/forumschlampe/32/64411_2.png) [@ForumSchlampe](https://discourse.nodered.org/u/ForumSchlampe)
#### Post date: [11 July 2022 16:11 UTC](https://discourse.nodered.org/t/how-to-get-current-google-material-design-icons/64921/3 "2022-07-11T16:11:13Z")

</div>

Example:

This is the currente google material design toggle  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/9/291656569dfc1d3b0ffaa4d7d4e6b2c8c5eb22ca.png)

This ist the current one node red displays  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/5/759643eb6e60b0579472320c3f96aec31fe6b14a.png)

you see in the first one the "toggle button" inside the slider and in the second one it is bigger than the slider which is the old google material design.

But i will have a look into your suggestion to add iconify icons.

---

<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: [10 August 2022 16:11 UTC](https://discourse.nodered.org/t/how-to-get-current-google-material-design-icons/64921/4 "2022-08-10T16:11:40Z")

</div>

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