Animated water heater icon for Home Assistant
When heating, the element in the cutaway window glows, the water warms to amber with rising bubbles, the thermometer climbs and the LED turns amber.
2 states: off and heating. Part of the energy icons in the Animara Full Pack.
Get the Full Pack · $24Free sampler on GitHub
One time payment, 14 day refund. The free sampler has 12 icons and the same card.
States of the water heater icon
The card picks the state from your entity, so the icon always shows what the water heater is doing.
- OffResting state, shown when the device is off or idle.
- Heating
Which Home Assistant entities fit
- Any
water_heaterentity gets this icon by default when nothing more specific matches. - Picked automatically when the entity or device name contains "water heater", "geyser", "boiler", "warmwasser", "dud", on
switch,input_boolean,binary_sensororsensorentities. - Any entity that is simply on or off, such as a
switchorinput_boolean: on shows heating, off shows off. Entity states named like a state below (for exampleheating) are used directly. - Works with any entity whose state you map: pick this icon in the card and map your entity's own state words to these states with the card's
states:option.
How to use it in Home Assistant
- Install the Animara card: one link install, HACS as a custom repository, or copy
animara-card.jsto/config/www. - Edit your dashboard, choose Add card, then Animara.
- Pick your entity. Choose Water heater in the Icon list if it is not detected automatically.
- Paste your Full Pack license key into the License key field once per dashboard.
Prefer YAML? This is all it takes:
type: custom:animara-card entity: water_heater.water_heater icon: water_heater
Mapping words yourself looks like this:
states: "on": heating
Related energy icons
Get the Full Pack · $24Free sampler on GitHub
One time payment, 14 day refund. The free sampler has 12 icons and the same card.





