Pixelarticons

Align End Horizontal Pixel Art Icon

A horizontal end-align icon for right-aligning elements to the bottom edge in design tools and layout panels.

design Free 4 variants

Tags

alignendhorizontal

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

Objects aligned to the end (right or bottom, depending on reading direction) of their horizontal bounding box. Use it in a design-tool alignment panel to push selected items to the trailing edge, in a CSS flexbox inspector for 'align-items: flex-end', or in a layout editor's 'Align to bottom' action. For aligning to the start (left or top) edge instead, align-start-horizontal is the complement. These icons are most meaningful in professional design tools where precise layout control matters.

Usage

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

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

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

Related icons