Flip X

About Flip X

The icon tips forward over its horizontal axis, squashing flat through the turn before landing face on again.

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

• Flip Y

  2s

  The icon turns on its vertical axis like a card, thinning to an edge and thickening as it comes back round to the front.

• Radial Fill

  1.5s

  Colour blooms out of the centre of the icon and pushes to the edges, filling the shape from the inside out.

• Rotate In

  2s

  The icon winds in from a hard turn, scaling up as it unwinds, and coasts to a stop facing front.

• Unfold In

  2s

  The icon starts as a pressed flat line and opens upward into its full height, each part unfolding a beat after the last.

• Card Flip In

  3s

  A product card rises and flips from its branded back to reveal the content side. Great for features and offers.

• Assemble In

  2s

  Every piece of the icon flies in from its own direction, spinning as it comes, and locks into place with a springy stop.

• Badge Reveal

  2s

  A bold badge bursts open with a shockwave ring and the icon pops on top. Great for success states.

• Buzz Nudge

  2s

  A tight, fast rattle that dies away almost as soon as it starts. The short negative buzz of a blocked action.