Flip Y

About Flip Y

The icon turns on its vertical axis like a card, thinning to an edge and thickening as it comes back round to the 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

• Flip X

  2s

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

• Card Flip In

  3s

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

• Fill Wipe

  1.5s

  Colour floods up through the outline from the bottom edge until the icon reads solid. The moment a thing gets switched on.

• 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.

• Toggle Slash

  1.5s

  A clean diagonal strikes through the icon and the shape behind it dims, turning any symbol into its switched-off twin.

• 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.

• 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.