Pixelarticons

Align Vertical Distribute Center Pixel Art Icon

A distribute-centers-vertically icon for spacing objects evenly by their midpoints along the vertical axis.

design Free 4 variants

Tags

alignverticaldistributecenter

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 Distribute Center icon

Objects whose vertical center points are spaced at equal intervals, the 'Distribute centers vertically' action in design tools. Use it in an alignment panel when you need the midpoints of stacked elements to sit at identical vertical distances from each other. It differs from distribute-start or distribute-end, which measure from edges rather than midpoints. Choose this when objects of varying heights need their optical centers to feel equally spaced, a common need in icon rows or card layouts.

Usage

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

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

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

Related icons