Custom(izable) Dynamic Icons

[TicoM1]

Describe the enhancement

Currently dynamic icons are hidden from admins and only work for defaults. As soon as a different icon is assigned to the entitiy the dynamic icon change is disabled and needs to be tediously manually replicated.

A:
This new feature will introduce and list Dynamic Icons in HA's settings for the different device/entity classes. The list shows the respective icons used with their dependencies. As with every current icon picker, each default icon is shown and can be overwritten.

B:
Custom Dynamic Icons can be added by the admin. These define what icon is to be shown in which attribute state of an entity. The icon pickers in HA then not only show available icons, but also available (depending on entity/device class) Dynamic Icons.

Use cases

For example for windows and shutters currently a different window icon will be shown closed, open, opening or closing. However US windows are being used in the icon. Outside of the US it's hard to recognize what the icon is supposed to show. When the variant icon is used on an entity the dynamic nature of the icon is lost.

A:
The admins go to the Dynamic Icon list in settings, look for windows and edit the Dynamic Icon. In the edit view they see four configurations:

1. closed condition - icon: 'window-closed'
2. closing condition - icon: 'arrow-down'
3. opening condition - icon: 'arrow-up'
4. openend condition - icon: 'window-open'

they can now change config 1 and 4 and pick 'window-closed-variant' and 'window-open-variant' respectively. All windows that use the icon default use the changed icons without individual change.

B:
Currently shutters use the window dynamic icon (maybe because their device class is wrong). So the icons are completely wrong and a different Dynamic Icon should be used. If there is no default Dynamic Icon matching the admins go to the Dynamic Icon list in settings click "Add Dynamic Icon" and specify:

Name: Shutter Dynamic Icon

1. closed condition - icon: 'window-shutter'
2. closing condition - icon: 'arrow-down'
3. opening condition - icon: 'arrow-up'
4. openend condition - icon: 'window-shutter-open'

In any icon picker in HA they can then pick the Shutter Dynamic Icon for entities/devices with matching attributes. The mandatory attributes are defined by the conditions used in the Dynamic Icon configuration.

Visual examples

Current

Anything else?

No response