Pixelarticons

Align Vertical Distribute Start Pixel Art Icon

A distribute-starts-vertically icon for spacing stacked elements evenly by their top edges in design tools.

design Free 4 variants

Tags

alignverticaldistributestart

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 Start icon

Stacked elements whose top (leading vertical) edges are placed at equal vertical intervals, the 'Distribute starts vertically' alignment action. Use it in a design-tool alignment panel when spacing calculations should reference each element's topmost edge. This suits a column of cards where the top of each item should sit at regular intervals regardless of height differences. For center-based vertical distribution, align-vertical-distribute-center gives a more optically balanced result.

Usage

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

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

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

Related icons