Icon color depending on state

Configuration
1

I have searched all over but cant find a solution to have mdi icons to change color whether the entity is on or off

    - type: icon
      icon: mdi:lamp
      entity: light.living_room_window_light
      style:
        top: 60%
        left: 17%

image
image1231×671 70.9 KB

2

Not sure about icon but works on state-icon here

3

It worked thank you :slight_smile:

4

image
image1184×634 68.8 KB

5

I have also added motion sensors but they never change color.

    - type: state-icon
      icon: mdi:google-home
      entity: sensor.kitchen_motion_sensor
      style:
        top: 43%
        left: 34%
      "--paper-item-icon-color": rgb(89, 89, 89)
      "--paper-item-icon-active-color": yellow brightness(130%) saturate(1.5) drop-shadow(0px 0px 10px black)
6

Found out that you can’t do the “paper-item-icon-active-color” trick with Sensor variables … does work with binary_sensors though.