The icon starts as a pressed flat line and opens upward into its full height, each part unfolding a beat after the last.
Icon Animations
Rotate In
The icon winds in from a hard turn, scaling up as it unwinds, and coasts to a stop facing front.
- rotate
- entrance
- spin in
About Rotate In
The icon winds in from a hard turn, scaling up as it unwinds, and coasts to a stop facing front.
Part of Icon Animations. Runs 2 seconds by default, exports in 16:9, 9:16, 1:1 and 4:5, as MP4 or transparent WebM up to 8K.
Related animations
Every piece of the icon flies in from its own direction, spinning as it comes, and locks into place with a springy stop.
Flip X
2sThe icon tips forward over its horizontal axis, squashing flat through the turn before landing face on again.
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.
The icon springs out of nowhere with a playful twist and settles with a satisfying bounce.
Radial Fill
1.5sColour blooms out of the centre of the icon and pushes to the edges, filling the shape from the inside out.
The icon fades up and turns at a steady, unbroken rate. The plain loading turn every interface already speaks.
A bold badge bursts open with a shockwave ring and the icon pops on top. Great for success states.