Pixelarticons

Flip Horizontal Pixel Art Icon

A horizontal flip icon for mirroring objects left-to-right in design tools, image editors and transform panels.

design Pro 4 variants

Tags

fliphorizontal

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Flip Horizontal icon

Two mirrored halves of a shape reflected across a vertical axis, the standard 'Flip horizontal' transform action. Use it in a design tool's transform or arrange panel, an image editor's orientation controls, a photo-correction toolbar, or a CSS transform inspector for 'scaleX(-1)'. Users expect it to mirror the selected object left to right. For flipping top to bottom instead, flip-vertical is the paired counterpart. Both icons are specialist controls most at home in design and editing tools.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/flip-horizontal.svg" width="24" height="24" alt="Flip Horizontal" />

<!-- React -->
import { FlipHorizontal } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="flip-horizontal.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons