# How to increase material icon size for switch

**URL:** https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724
**Category:** Dashboard
**Created:** [4 October 2020 10:59 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724 "2020-10-04T10:59:27Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![tech](https://avatars.discourse-cdn.com/v4/letter/t/a9a28c/32.png) [@tech](https://discourse.nodered.org/u/tech)
#### Post date: [4 October 2020 10:59 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724/1 "2020-10-04T10:59:27Z")

</div>

![Screenshot 2020-10-04 162907](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/f/8f28df791b322f51d75a0381ababda3b70bbe680.png)

---

<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: [4 October 2020 11:01 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724/2 "2020-10-04T11:01:14Z")

</div>

what have you tried?

---

<div class="post-metadata">

### Author: ![tech](https://avatars.discourse-cdn.com/v4/letter/t/a9a28c/32.png) [@tech](https://discourse.nodered.org/u/tech)
#### Post date: [4 October 2020 11:05 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724/3 "2020-10-04T11:05:35Z")

</div>

tried this to change icon size  
\<ng-md-icon="lightbulb\_outline"class= size="64"\>

---

<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: [4 October 2020 11:50 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724/4 "2020-10-04T11:50:15Z")

</div>

What ui element are you using?  
Can you provide your flow?

---

<div class="post-metadata">

### Author: ![tech](https://avatars.discourse-cdn.com/v4/letter/t/a9a28c/32.png) [@tech](https://discourse.nodered.org/u/tech)
#### Post date: [5 October 2020 05:50 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724/5 "2020-10-05T05:50:05Z")

</div>

there is only ui\_Switch and network nodes(mqtt in/out)

---

<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: [5 October 2020 13:17 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724/6 "2020-10-05T13:17:57Z")

</div>

I'm not sure if you can change the icon size in the `ui-switch`. You could try building your on switch in a template node.

---

<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: [5 October 2020 13:36 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724/7 "2020-10-05T13:36:07Z")

</div>

Maybe us fa icons instead - much easier to control the size eg

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/7/87f8980961dfba8f8c04ef6a64f221ca88db4836.png)  
(full names are fa-toggle-on and fa-toggle off)

---

<div class="post-metadata">

### Author: ![tech](https://avatars.discourse-cdn.com/v4/letter/t/a9a28c/32.png) [@tech](https://discourse.nodered.org/u/tech)
#### Post date: [8 October 2020 06:35 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724/8 "2020-10-08T06:35:09Z")

</div>

yeah, thanks!

---

<div class="post-metadata">

### Author: ![tech](https://avatars.discourse-cdn.com/v4/letter/t/a9a28c/32.png) [@tech](https://discourse.nodered.org/u/tech)
#### Post date: [8 October 2020 06:47 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724/9 "2020-10-08T06:47:32Z")

</div>

it works!  
Thank you

---

<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: [7 November 2020 06:47 UTC](https://discourse.nodered.org/t/how-to-increase-material-icon-size-for-switch/33724/10 "2020-11-07T06:47:35Z")

</div>

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