diff --git a/src/const.ts b/src/const.ts
index 96c4ecf..70dc88f 100644
--- a/src/const.ts
+++ b/src/const.ts
@@ -30,7 +30,6 @@ const REPEAT_STATE = {
 };
 
 const ICON = {
-  DEFAULT: 'mdi:cast',
   DROPDOWN: 'mdi:chevron-down',
   GROUP: 'mdi:speaker-multiple',
   MENU: 'mdi:menu-down',
diff --git a/src/main.ts b/src/main.ts
index 1e5a437..65f53cb 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -301,7 +301,12 @@ class MiniMediaPlayer extends LitElement {
 
     const active = !this.config.hide.icon_state && this.player.isActive;
     return html` <div class="entity__icon" ?color=${active}>
-      <ha-icon .icon=${this.computeIcon()}></ha-icon>
+      <ha-state-icon
+        .hass=${this.hass}
+        .icon=${this.config.icon}
+        .state=${this.entity}
+        .stateObj=${this.entity}
+      ></ha-state-icon>
     </div>`;
   }
 
@@ -370,10 +375,6 @@ class MiniMediaPlayer extends LitElement {
     }
   }
 
-  computeIcon(): string {
-    return this.config.icon ? this.config.icon : this.player.icon || ICON.DEFAULT;
-  }
-
   measureCard(): void {
     const card = this.shadowRoot?.querySelector('ha-card') as HTMLElement | undefined;
     if (!card) {