# Edit switch node

**URL:** <https://discourse.nodered.org/t/edit-switch-node/34012>\
**Category:** Dashboard\
**Created:** [9 October 2020 19:00 UTC](https://discourse.nodered.org/t/edit-switch-node/34012 "2020-10-09T19:00:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![pietrofduarte](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/pietrofduarte/32/29882_2.png) [@pietrofduarte](https://discourse.nodered.org/u/pietrofduarte)\
**Post date:** [9 October 2020 19:00 UTC](https://discourse.nodered.org/t/edit-switch-node/34012/1 "2020-10-09T19:00:43Z")

</div>

Helo guys I have a question about increase the size of "switch node".  
Which code I use to increase 1x, 2x, 3x or more times?

If i use the [Fontawesome.com](http://Fontawesome.com),I put in front **fa-5x** for example.  
But if I use the [Material.io](http://Material.io), how I increase the Icon?

With Frontawesome (fa-5x fa-male)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/f/7f20e86b387c36c203d273b512c63b622db25165.png)

With [Material.io](http://Material.io) (mi-sensor\_door)

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/6/f66af518b30a686460dae86c2a73c92b995051a1.png)

---

<div class="post-metadata">

**Author:** ![stefan24](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stefan24/32/23075_2.png) [@stefan24](https://discourse.nodered.org/u/stefan24)\
**Post date:** [9 October 2020 19:41 UTC](https://discourse.nodered.org/t/edit-switch-node/34012/2 "2020-10-09T19:41:07Z")

</div>

In the link [https://klarsys.github.io/angular-material-icons/](https://klarsys.github.io/angular-material-icons/) (from the doc of the switch node) you can see, that you change the size with a `size="xx"`

`<ng-md-icon icon="..." style="fill: ..." size="..."></ng-md-icon>`

I tried to fake the input with a `iconname" size="48` but was not successful. So it seems you have to use the FontAwsome icons.

---

<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:** [9 October 2020 20:01 UTC](https://discourse.nodered.org/t/edit-switch-node/34012/3 "2020-10-09T20:01:24Z")

</div>

Make custom css class like this  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/c/cc18af3a8ba79c3434444e419a90c8a03bd808e7.png)

And use it like this  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/e/bee48da9d93fc6fa99307eb9bb687b056c99878e.png)

For me the mi-sensor\_door does not show anything but material icons and fa icons can be adjusted for any size with this trick. Same can be used for button icon.

---

<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:** [23 October 2020 20:01 UTC](https://discourse.nodered.org/t/edit-switch-node/34012/4 "2020-10-23T20:01:36Z")

</div>

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