Flip To Front Pixel Art Icon
A 'bring to front' icon for moving objects above all other layers in design tools and Z-order control panels.
Tags
fliptofront
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Flip To Front icon
Two overlapping shapes where the selected one floats above the other, representing 'Bring to front' or the highest Z-order position. Use it in a design tool's arrange or layer panel, a presentation editor's object stacking control, or a diagram editor's element ordering menu. This is the maximum elevation action, different from 'Bring forward' (one step up): the object jumps above everything. For the opposite extreme, flip-to-back sends an object all the way to the bottom of the stack.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/flip-to-front.svg" width="24" height="24" alt="Flip To Front" />
<!-- React -->
import { FlipToFront } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="flip-to-front.svg" width="48" height="48" style="image-rendering: pixelated" />