# How to increase icon size of a "SWITCH" node

**URL:** <https://discourse.nodered.org/t/how-to-increase-icon-size-of-a-switch-node/24862>\
**Category:** Dashboard\
**Created:** [15 April 2020 09:45 UTC](https://discourse.nodered.org/t/how-to-increase-icon-size-of-a-switch-node/24862 "2020-04-15T09:45:34Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jan-k](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jan-k/32/17738_2.png) [@jan-k](https://discourse.nodered.org/u/jan-k)\
**Post date:** [15 April 2020 09:45 UTC](https://discourse.nodered.org/t/how-to-increase-icon-size-of-a-switch-node/24862/1 "2020-04-15T09:45:34Z")

</div>

Greetings everyone,

I would like to know whether the switch node icon can be bigger or not. I had tried to increase the size of the Angular Material Icons in a switch node. But it cannot works. Any suggestion will be appreciated. Thank you in advance.

Best Regards.

Dashboard :  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/7/87fcf6e7e60ac91037d792eac4223f4b41ecd4ac.png)

Switch node :

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/8/2899bbb206eb53e7f5798665ecb8e182cd4aca7a.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:** [15 April 2020 10:52 UTC](https://discourse.nodered.org/t/how-to-increase-icon-size-of-a-switch-node/24862/2 "2020-04-15T10:52:55Z")

</div>

You need to put the information in the `icon` options. for example put `fa-3x fa-fire' in the 'On icon' and 'Off icon'.

The description is for documenting information of what the node is being used for.

---

<div class="post-metadata">

**Author:** ![jan-k](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jan-k/32/17738_2.png) [@jan-k](https://discourse.nodered.org/u/jan-k)\
**Post date:** [16 April 2020 09:08 UTC](https://discourse.nodered.org/t/how-to-increase-icon-size-of-a-switch-node/24862/3 "2020-04-16T09:08:15Z")

</div>

> [@jan-k](#):
>
> increase the size of the Angular Material Icons

Dear Zenofmud,

Thanks for the replied and yes, I knew the method to increase the icon size of **Font Awesome Icons**. But this method doesn't work in the **Angular Material Icons**. May I know how to increase the icon size of the Angular Material Icons in a switch node.

Best Regards.

---

<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:** [16 April 2020 09:59 UTC](https://discourse.nodered.org/t/how-to-increase-icon-size-of-a-switch-node/24862/4 "2020-04-16T09:59:44Z")

</div>

I didn't find any way to add adjustment classes to any other than Font Awesome icons. Not for switch, not for buttons.

---

<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:** [30 April 2020 09:59 UTC](https://discourse.nodered.org/t/how-to-increase-icon-size-of-a-switch-node/24862/5 "2020-04-30T09:59:46Z")

</div>

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