Animated energy flow icon for Home Assistant
A compact solar panel, house, grid pylon and home battery joined by short cables: idle rests calm, and soft light pulses run along the cable that carries power, from the sun to the home, from the sun to the grid, from the grid to the home, or from the battery to the home.
5 states: idle, solar to home, solar to grid, grid to home and battery to home. 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 energy flow icon
The card picks the state from your entity, so the icon always shows what the energy flow is doing.
- IdleResting state, shown when the device is off or idle.
- Solar to home
- Solar to grid
- Grid to home
- Battery to home
Which Home Assistant entities fit
- Any entity that is simply on or off, such as a
switchorinput_boolean: on shows solar to home, off shows idle. Entity states named like a state below (for examplebattery_to_home) 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 Energy flow 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: switch.energy_flow icon: energy_flow
Mapping words yourself looks like this:
states: "on": battery_to_home
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.





