Pixelarticons

Align Vertical Distribute End Pixel Art Icon

A distribute-ends-vertically icon for spacing elements evenly by their bottom edges in design tool panels.

design Free 4 variants

Tags

alignverticaldistributeend

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

Stacked objects whose bottom (trailing vertical) edges are placed at equal vertical intervals, the 'Distribute ends vertically' action. Use it in a design-tool panel when spacing should be measured from the bottom boundary of each element rather than its center or top. It is a precision control that suits cases where elements have varying heights and the bottom edge is the visual anchor. For center-based distribution along the vertical axis, align-vertical-distribute-center is the appropriate alternative.

Usage

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

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

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

Related icons