Displaying icons in the switch
Unlike some other Node-RED node (e.g. dashboard Switch node), the multistate-switch node has no icon-related settings in its config screen. Instead html content is allowed inside widget label and the option labels, which offers a lot of flexibility.
Write html <i> tag or <span> tag into the options label field and add icon-font provider related class to it.
<i class="fa fa-home"></i>
<span style="font-size:1.2em" class="material-icons">home<span>
Iconify icons can be used only if you have a permanent connection to the internet.
See how to use iconify icons with dashboard. Icons in Node-RED dashboard
<span class="iconify" data-icon="si-glyph:wash-machine" style="font-size: 14px; data-inline="true"></span>
You can use inline CSS to decorate the labels and icons.
To show red label and icon:
<span style="color:red;">Bus <i class="fa fa-bus"></i><span>
[{"id":"c3d0ec44.274c4","type":"ui_multistate_switch","z":"be2ac8b1.31fce8","name":"icons basic","group":"4ccd5649.4c08a8","order":5,"width":"6","height":1,"label":"<i class=\"fa fa-bus\"></i>","stateField":"payload","enableField":"enable","rounded":false,"useThemeColors":true,"hideSelectedLabel":false,"multilineLabel":false,"passThrough":"none","inputMsg":"all","userInput":"visible","options":[{"label":"<i class=\"fa fa-home\"></i>","value":"home","valueType":"str","color":"#009933"},{"label":"<i class=\"fa fa-bank\"></i>","value":"work","valueType":"str","color":"#999999"}],"x":330,"y":560,"wires":[[]]},{"id":"24ee1267.95e68e","type":"ui_multistate_switch","z":"be2ac8b1.31fce8","name":"icons with labels","group":"4ccd5649.4c08a8","order":5,"width":"6","height":1,"label":"<span>Bus <i class=\"fa fa-bus\"></i><span>","stateField":"payload","enableField":"enable","rounded":false,"useThemeColors":true,"hideSelectedLabel":false,"multilineLabel":false,"passThrough":"none","inputMsg":"all","userInput":"visible","options":[{"label":"<span>To home <i class=\"fa fa-home\"></i></span>","value":"home","valueType":"str","color":"#009933"},{"label":"<span>To work <i class=\"fa fa-bank\"></i><span>","value":"work","valueType":"str","color":"#999999"}],"x":340,"y":600,"wires":[[]]},{"id":"5529eb50.e20364","type":"ui_multistate_switch","z":"be2ac8b1.31fce8","name":"icons with labels & styles","group":"4ccd5649.4c08a8","order":5,"width":"6","height":1,"label":"<span style=\"color:red;\">Bus <i class=\"fa fa-bus\"></i><span>","stateField":"payload","enableField":"enable","rounded":false,"useThemeColors":true,"hideSelectedLabel":false,"multilineLabel":false,"passThrough":"none","inputMsg":"all","userInput":"visible","options":[{"label":"<span style=\"float:left; padding-left:10px\"><i class=\"fa fa-home\"></i></span><span style=\"float:right; padding-right:10px\">To home</span>","value":"home","valueType":"str","color":"#009933"},{"label":"<span style=\"float:left; padding-left:10px\">To work</span><span style=\"float:right; padding-right:10px\"><i class=\"fa fa-bank\"></i></span>","value":"work","valueType":"str","color":"#999999"}],"x":370,"y":640,"wires":[[]]},{"id":"fccb2681.7dd698","type":"ui_multistate_switch","z":"be2ac8b1.31fce8","name":"material design icons","group":"4ccd5649.4c08a8","order":5,"width":"6","height":1,"label":"<span class=\"material-icons\">account_circle<span>","stateField":"payload","enableField":"enable","rounded":false,"useThemeColors":true,"hideSelectedLabel":false,"multilineLabel":false,"passThrough":"none","inputMsg":"all","userInput":"visible","options":[{"label":"<span style=\"font-size:1.2em\" class=\"material-icons\">home<span>","value":"home","valueType":"str","color":"#009933"},{"label":"<span style=\"font-size:1.2em\" class=\"material-icons\">home_work<span>","value":"work","valueType":"str","color":"#999999"}],"x":360,"y":700,"wires":[[]]},{"id":"f546da02.e4a888","type":"ui_multistate_switch","z":"be2ac8b1.31fce8","name":"weather icons lite","group":"4ccd5649.4c08a8","order":5,"width":"6","height":1,"label":"<span>Weather <i class=\"wi wi-wu-nt_cloudy\"></i></span> ","stateField":"payload","enableField":"enable","rounded":false,"useThemeColors":true,"hideSelectedLabel":false,"multilineLabel":false,"passThrough":"none","inputMsg":"all","userInput":"visible","options":[{"label":"<span>Sun <i class=\"wi wi-wu-clear\"></i></span>","value":"sun","valueType":"str","color":"#009933"},{"label":"<span>Moon <i class=\"wi wi-wu-nt_clear\"></i></span>","value":"moon","valueType":"str","color":"#999999"}],"x":350,"y":740,"wires":[[]]},{"id":"f4aa9fc1.030ea","type":"ui_template","z":"be2ac8b1.31fce8","group":"4ccd5649.4c08a8","name":"allow inconify icons","order":10,"width":0,"height":0,"format":"<script src=\"https://code.iconify.design/1/1.0.7/iconify.min.js\"></script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":350,"y":820,"wires":[[]]},{"id":"cb6e2768.a80478","type":"ui_multistate_switch","z":"be2ac8b1.31fce8","name":"iconify icons","group":"4ccd5649.4c08a8","order":5,"width":"6","height":"1","label":"Washingmashine","stateField":"payload","enableField":"enable","rounded":false,"useThemeColors":true,"hideSelectedLabel":false,"multilineLabel":false,"passThrough":"none","inputMsg":"all","userInput":"visible","options":[{"label":"<span class=\"iconify\" data-icon=\"si-glyph:wash-machine\" style=\"font-size: 14px; data-inline=\"true\"></span>","value":"wash-stopped","valueType":"str","color":"#009933"},{"label":"<span class=\"iconify\" data-icon=\"si-glyph:wash-machine-2\" style=\"font-size: 14px; data-inline=\"true\"></span>","value":"wash-running","valueType":"str","color":"#999999"}],"x":330,"y":780,"wires":[[]]},{"id":"4ccd5649.4c08a8","type":"ui_group","name":"D","tab":"20bb081.66afff8","order":1,"disp":true,"width":"6","collapse":false},{"id":"20bb081.66afff8","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]