change switch icon to mdiToggleSwitch (#10475)

Co-authored-by: Bram Kragten <mail@bramkragten.nl>

src/common/const.ts

@@ -103,7 +103,6 @@ export const FIXED_DOMAIN_ICONS = {
   siren: mdiBullhorn,
   simple_alarm: mdiBell,
   sun: mdiWhiteBalanceSunny,
-  switch: mdiFlash,
   timer: mdiTimerOutline,
   updater: mdiCloudUpload,
   vacuum: mdiRobotVacuum,

src/common/entity/domain_icon.ts

@@ -3,6 +3,7 @@ import {
   mdiAccountArrowRight,
   mdiAirHumidifierOff,
   mdiAirHumidifier,
+  mdiFlash,
   mdiBluetooth,
   mdiBluetoothConnect,
   mdiLanConnect,
@@ -14,8 +15,12 @@ import {
   mdiCastConnected,
   mdiCast,
   mdiEmoticonDead,
+  mdiPowerPlug,
+  mdiPowerPlugOff,
   mdiSleep,
   mdiTimerSand,
+  mdiToggleSwitch,
+  mdiToggleSwitchOff,
   mdiZWave,
   mdiClock,
   mdiCalendar,
@@ -80,6 +85,16 @@ export const domainIcon = (
     case "media_player":
       return compareState === "playing" ? mdiCastConnected : mdiCast;
 
+    case "switch":
+      switch (stateObj?.attributes.device_class) {
+        case "outlet":
+          return state === "on" ? mdiPowerPlug : mdiPowerPlugOff;
+        case "switch":
+          return state === "on" ? mdiToggleSwitch : mdiToggleSwitchOff;
+        default:
+          return mdiFlash;
+      }
+
     case "zwave":
       switch (compareState) {
         case "dead":