Comment changer dynamiquement une icone sur un bouton

Bonjour,
ca devrais ressembler plutôt a ça:
Par contre l’icone ne fonctionne pas, que le background. C’est plus pousser pour modifier l’icone avec c’est carte.

    type: button
    icon: mdi:window-shutter
    tap_action:
      action: navigate
      navigation_path: /lovelace/volets
    name: Volets
    card_mod:
      style: |
        ha-card {
          font-weight: bold; 
          {% if is_state('cover.all_shutter', 'open') %}
            background: rgb(186, 224, 241);
          {% else %}
            background: #C8C5C4;
          {% endif %} 
          {% if is_state('cover.all_shutter', 'open') %}
            icon: mdi:window-shutter-open;
          {% else %}
            icon: mdi:window-shutter;
          {% endif %} 
        }              

Après tu peut utiliser button-card qui permet de le faire nativement, sans utiliser card_mod.

Pour l’icone, tu peu modifier l’icone de l’entité directement, sans passer par une carte.
avec customize et custom-ui: Changer Icon en fonction de l'état - #3 par WarC0zes

2 « J'aime »