Make input_boolean icon state dependent (#10526)

Co-authored-by: Zack Barett <arnett.zackary@gmail.com>

src/common/const.ts

@@ -51,7 +51,6 @@ import {
   mdiThermometer,
   mdiThermostat,
   mdiTimerOutline,
-  mdiToggleSwitchOutline,
   mdiVideo,
   mdiWaterPercent,
   mdiWeatherCloudy,
@@ -83,7 +82,6 @@ export const FIXED_DOMAIN_ICONS = {
   homeassistant: mdiHomeAssistant,
   homekit: mdiHomeAutomation,
   image_processing: mdiImageFilterFrames,
-  input_boolean: mdiToggleSwitchOutline,
   input_button: mdiGestureTapButton,
   input_datetime: mdiCalendarClock,
   input_number: mdiRayVertex,

src/common/entity/domain_icon.ts

@@ -26,6 +26,8 @@ import {
   mdiTimerSand,
   mdiToggleSwitch,
   mdiToggleSwitchOff,
+  mdiCheckCircleOutline,
+  mdiCloseCircleOutline,
   mdiWeatherNight,
   mdiZWave,
 } from "@mdi/js";
@@ -82,6 +84,11 @@ export const domainIcon = (
     case "humidifier":
       return state && state === "off" ? mdiAirHumidifierOff : mdiAirHumidifier;
 
+    case "input_boolean":
+      return compareState === "on"
+        ? mdiCheckCircleOutline
+        : mdiCloseCircleOutline;
+
     case "lock":
       switch (compareState) {
         case "unlocked":