Icon statt Bild als Hintergrund?

Dashboard/Cards/Frontend
1

Hallo!

Ich würde gerne mein Simple Thermostat mit einem Hintergrundbild versehen. Ich habe auf einer Übersichtsseite viele Thermostate und wenn die sich nur durch Text differenzieren sieht das nicht so gut aus.

Als Background würde ich gerne Icons verwenden, damit sich das Thermostat an die Room-cards anlehnt, die sehen so aus:

image

Mit einem png bekomme ich das so hin:

image
image1150×343 42.3 KB

Ist es möglich ein Icon statt einem png in den Hintergrund zu rendern, damit es so aussieht wie auf der Room-card?

url (‘mdi:radiator’) funktioniert schon mal leider nicht.

Danke!

type: conditional
conditions:
  - condition: state
    entity: input_boolean.heizung_schalter_fussbodenheizung
    state: 'on'
card:
  type: vertical-stack
  cards:
    - header:
        icon: mdi:thermometer
      type: custom:simple-thermostat
      card_mod: null
      style: >
        ha-card { background: left bottom / cover no-repeat 
        url('https://png.pngtree.com/png-vector/20221215/ourmid/pngtree-insulated-car-radiator-on-a-white-background-background-white-engine-object-vector-png-image_27265154.png');
        background-size: 20%; }
      entity: climate.heizkreis_1_fussbodenheizung
      hide:
        state: 1
      sensors:
        - entity: sensor.stellwert_kinderzimmer
          name: Stellwert
      control:
        preset:
          _name: Modus
          hvac: false
          none: false
          sleep: false
          away: false
          eco:
            name: Eco
          comfort:
            name: Komfort
      layout:
        mode:
          icons: true