Update icons for shade device class (#14455)

* Update icons for shade device class

MDI v6.7.96 added icons for roller-shade and roller-shade-closed - this changes shade device class to match, rather than blinds/blinds-open.

* Split blind/shade device classes and update blind icons

src/common/entity/cover_icon.ts

@@ -12,8 +12,10 @@ import {
   mdiCircle,
   mdiWindowShutter,
   mdiWindowShutterOpen,
-  mdiBlinds,
+  mdiBlindsHorizontal,
-  mdiBlindsOpen,
+  mdiBlindsHorizontalClosed,
+  mdiRollerShade,
+  mdiRollerShadeClosed,
   mdiWindowClosed,
   mdiWindowOpen,
   mdiArrowExpandHorizontal,
@@ -79,6 +81,16 @@ export const coverIcon = (state?: string, stateObj?: HassEntity): string => {
           return mdiCurtains;
       }
     case "blind":
+      switch (state) {
+        case "opening":
+          return mdiArrowUpBox;
+        case "closing":
+          return mdiArrowDownBox;
+        case "closed":
+          return mdiBlindsHorizontalClosed;
+        default:
+          return mdiBlindsHorizontal;
+      }
     case "shade":
       switch (state) {
         case "opening":
@@ -86,9 +98,9 @@ export const coverIcon = (state?: string, stateObj?: HassEntity): string => {
         case "closing":
           return mdiArrowDownBox;
         case "closed":
-          return mdiBlinds;
+          return mdiRollerShadeClosed;
         default:
-          return mdiBlindsOpen;
+          return mdiRollerShade;
       }
     case "window":
       switch (state) {