ha-attribute-icon

[neon bramble]

Where do ha-attribute-icon and such WebComponents come from?
For example option-off in Climate HVAC modes feature and option-off in Climate fan modes feature render different inline SVGs.
What icons are these, and where are they mapped from mode name to icons from a pack?
They sure don't seem to be from https://pictogrammers.com/library/mdi/

[orchid carbon]

https://github.com/home-assistant/core/blob/dev/homeassistant/components/climate/icons.json

hvac_action off is mdi:power, fan mode off is mdi:fan-off

[neon bramble]

Excellent, thank you!
So I'm guessing heat mode maps to heating action somewhere, and that's how it gets the icon from this translation.

And how can a user layer some more icons on? Probably using entity_category?

[orchid carbon]

AFAIK there's no way for user to customize at the moment.

[neon bramble]

I see. Thank you

[orchid carbon]

Actually I guess I was wrong about hvac_modes; the mode icon is hardcoded in frontend.

export const CLIMATE_HVAC_MODE_ICONS: Record<HvacMode, string> = {
  cool: mdiSnowflake,
  dry: mdiWaterPercent,
  fan_only: mdiFan,
  auto: mdiThermostatAuto,
  heat: mdiFire,
  off: mdiPower,
  heat_cool: mdiSunSnowflakeVariant,
};