Pixelarticons

Align Center Vertical Pixel Art Icon

A vertical center-align icon for centering elements along a vertical axis in design apps and layout editors.

design Free 4 variants

Tags

aligncentervertical

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

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 Align Center Vertical icon

Lines or shapes centered around a shared vertical midpoint, used in design tool alignment panels and layout editors to vertically center selected objects on the canvas. Reach for it in a Figma-style align toolbar, an image-editor object panel, or a CSS flexbox visual control for 'justify-content: center'. For centering along the horizontal axis instead, align-center-horizontal is the paired counterpart. Both are most at home in dedicated design or layout tools rather than general-purpose UIs.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/align-center-vertical.svg" width="24" height="24" alt="Align Center Vertical" />

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

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

Related icons