# Size of custom MDI switch icon

**URL:** <https://discourse.nodered.org/t/size-of-custom-mdi-switch-icon/91280>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [26 September 2024 11:44 UTC](https://discourse.nodered.org/t/size-of-custom-mdi-switch-icon/91280 "2024-09-26T11:44:44Z")\
**Posts on this page:** 1\
**Showing post:** 4

<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:** [27 September 2024 15:07 UTC](https://discourse.nodered.org/t/size-of-custom-mdi-switch-icon/91280/4 "2024-09-27T15:07:17Z")

</div>

Couple of links for you.

> [@Icon size using native switch -dashboard 2](https://discourse.nodered.org/t/icon-size-using-native-switch-dashboard-2/88611/6):
>
> With CSS override like this [image]

> <https://github.com/FlowFuse/node-red-dashboard/issues/965>
>
> A\[forum post\](https://discourse.nodered.org/t/icon-size-using-native-switch-das…hboard-2-0/88611) asked if the icon size could be increased in the dashboard 'switch' node, and a solution was provided by @hotNipi as follows;
> !\[hotNipi\](https://github.com/FlowFuse/node-red-dashboard/assets/973580/b6088b95-87bc-46ed-aca0-213f1cce2a6b)
> 
> Font Awsome icons use a similar solution, for example \`fa-coffee fa-2xs\` to change icon size, and use the range \`fa-2xs\`, \`fa-xs\`, \`fa-2sm\`, \`fa-lg\`, \`fa-xl\`, \`fa-2xs\` and \`fa-2xl\`.  
> Would it be possible to integrate the css into the dashboard core css, so that sizing would be readily available 'out of the box'.
> 
> Maybe could be also be used for https://github.com/FlowFuse/node-red-dashboard/issues/955 and also https://github.com/FlowFuse/node-red-dashboard/issues/888

---

_[View the full topic](https://discourse.nodered.org/t/size-of-custom-mdi-switch-icon/91280)._