Pixelarticons

Align Horizontal Distribute End Pixel Art Icon

A distribute-ends-horizontally icon for spacing objects evenly by their trailing edges in design tool panels.

design Free 4 variants

Tags

alignhorizontaldistributeend

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

Elements whose right (or trailing) edges are spaced at equal horizontal intervals, the 'Distribute ends horizontally' alignment action. Use it in a design-tool alignment panel when spacing should be calculated from each element's trailing edge rather than its center or leading edge. It is more precise than a general distribute command when objects of varying widths need their right edges evenly spaced. For distributing by center points instead, align-horizontal-distribute-center is the correct pick.

Usage

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

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

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

Related icons