Flip Y
2sThe icon turns on its vertical axis like a card, thinning to an edge and thickening as it comes back round to the front.
Icon Animations
Fill Wipe
Colour floods up through the outline from the bottom edge until the icon reads solid. The moment a thing gets switched on.
- fill
- wipe
- like
About Fill Wipe
Colour floods up through the outline from the bottom edge until the icon reads solid. The moment a thing gets switched on.
Part of Icon Animations. Runs 1.5 seconds by default, exports in 16:9, 9:16, 1:1 and 4:5, as MP4 or transparent WebM up to 8K.
Related animations
A living double-beat pulse that makes hearts, likes and health icons feel alive.
A wavering surface climbs inside the outline, rocking as it rises, so the icon fills like a glass rather than a bar.
The icon springs in and throws a handful of small shapes outward, each arcing off on its own path before winking out.
Radial Fill
1.5sColour blooms out of the centre of the icon and pushes to the edges, filling the shape from the inside out.
Toggle Slash
1.5sA clean diagonal strikes through the icon and the shape behind it dims, turning any symbol into its switched-off twin.
Every piece of the icon flies in from its own direction, spinning as it comes, and locks into place with a springy stop.
A bold badge bursts open with a shockwave ring and the icon pops on top. Great for success states.