Pixelarticons

Align Vertical Justify Center Pixel Art Icon

A vertical justify-center icon for centering a group of stacked elements with balanced spacing in design tools.

design Free 4 variants

Tags

alignverticaljustifycenter

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

Elements distributed along the vertical axis with spacing centered around the group's midpoint, a vertical version of 'justify-content: center' with gap. Use it in a design tool or CSS inspector to center a stack of objects within a taller container while maintaining consistent internal gaps. It differs from align-center-vertical, which aligns midpoints to a single axis: this control also manages the distribution of space. Most relevant in professional design applications and layout-inspector tools.

Usage

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

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

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

Related icons