add on/off options for icon

[Mariusthvdb]

HA has come a long way in using icons for various domains and device_class: allowing to define icons for various predefined states. On/Off, home/not_home among the most obvious.

We can set an icon in customize for an entity, and UI configuration has improved enormously with the icon_picker.

However, we can only set a fixed icon, if not using a device_class, and, even then, the device_class uses a fixed set of icon options.

Material design icons offer a huge amount of -off icons. With this discussion I'd love to suggest to add a core option for icons in regular and off state. It would tremendously add to the visual impact and meaningfulness of the frontend seeing the state of various entities immediately.

I've been doing that since forever with custom-ui, which allows for templates on the attributes icon being the most used of those.
Rather do such basic things in core though, and not have to use a custom resource for that.

example:

homeassistant:
  customize_glob:

     switch.cv_*:
         icon: >
           return state === 'on' ? 'mdi:radiator' : 'mdi:radiator-off';

     switch.freezer_*:
       templates:
         icon: >
           return state === 'on' ? 'mdi:fridge' : 'mdi:fridge-off';

I am aware we can do things like this with the custom cards, as the button-card above shows, but it would be so much better if we could also do this with regular entities in type:entities card which now show like:

instead of:

so, please consider adding a core option for setting sate dependent icons for entities to the icon picker:

[bcutter]

That's exactly my current "number one feature I need to have" for the frontend 👍🏼

[Mariusthvdb]

figured this would be low hanging fruit for the WTH: https://community.home-assistant.io/t/wth-why-cant-we-add-an-on-and-off-icon-in-the-ui/467241

[Mariusthvdb]

half a year passed, many color options are added.
please have a look if this would be an option core frontend could implement? it would really complement the new color schemes perfectly, for those entities not belonging to a device_class.

a simple option in the frontend. Instead of the current single icon option:

add an option for

Off-icon:
On-icon:

please consider, thanks!

[Mariusthvdb]

make that a happy BD...

no response at all, which really is unfortunate.