Logo
Animations
Steam icon animation explorations.
Wavy Steam
Gentle side-to-side sway. Natural steam movement.
wavy slow
wavy medium
wavy + fade
Rising Steam
Steam floats upward and fades. Loops continuously.
rise gentle
rise staggered
rise subtle
Draw-In
Lines draw themselves. Great for page load.
draw staggered
draw simultaneous
draw loop
Breathe · Pulse
Subtle scale or opacity rhythm. Calm, alive.
breathe opacity
breathe scale
stroke pulse
Color Cycle
Steam lines cycle through the 6 tint colors.
cycle offset
cycle sync
cycle + wavy
Bowl Draw · Smile
Bowl draws itself like a smile appearing.
smile then steam
draw from center
draw then wavy
RegioKostHub — Animations