Two triangles mirrored across a level axis, for flipping an image or a layer upside down. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 1.9999C16.5522 2 17 2.4477 17 2.9999C17 3.2652 16.8946 3.5195 16.7071 3.7071L12.7071 7.7071C12.5196 7.8946 12.2652 8 12 8C11.7348 8 11.4804 7.8946 11.2929 7.7071L7.2929 3.7071C7.1054 3.5195 7 3.2652 7 2.9999C7 2.4477 7.4478 2 8 1.9999L16 1.9999ZM16 22.0001C16.5522 22.0001 17 21.5523 17 21.0001C17 20.7348 16.8946 20.4805 16.7071 20.2929L12.7071 16.2929C12.5196 16.1054 12.2652 16 12 16C11.7348 16 11.4804 16.1054 11.2929 16.2929L7.2929 20.2929C7.1054 20.4805 7 20.7348 7 21.0001C7 21.5523 7.4478 22.0001 8 22.0001L16 22.0001ZM22 12L20 12M16 12L14 12M10 12L8 12M4 12L2 12" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- mirror
- reflect
- flip upside down
- invert
- transform
Related icons
The rest of the flip family first, then the Layout shelf.
FAQ
Answered from flip-vertical's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the flip-vertical icon for?
- Two triangles mirrored across a level axis, for flipping an image or a layer upside down. It is filed under Layout in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as mirror, reflect, flip upside down, invert and transform, and the browser's search matches all of those.
- What styles does the flip-vertical icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of flip-vertical?
- No. flip-vertical is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with flip-vertical?
- flip-horizontal, align-offset-bottom, align-offset-left, align-offset-right, align-offset-top and blocks, and 12 more, all shown below. The flip family is listed first, then the rest of the Layout shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import flip-vertical in React?
- <FlipVertical /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <FlipVertical size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the flip-vertical SVG?
- icons/stroke/flip-vertical.svg, icons/two-tone/flip-vertical.svg, icons/duotone/flip-vertical.svg and icons/fill/flip-vertical.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was flip-vertical added to the set?
- Added 1 Oct 2026. It ships in v1.5.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.