Pixelarticons

Align Start Horizontal Pixel Art Icon

A horizontal start-align icon for snapping elements to the leading edge in design tools and layout editors.

design Free 4 variants

Tags

alignstarthorizontal

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

Elements aligned flush to the left (or leading) horizontal edge of their bounding box or container, equivalent to 'align-items: flex-start' on the horizontal axis. Use it in a design-tool alignment panel to snap selected objects to the topmost or leftmost boundary of their shared frame. For aligning to the opposite edge, align-end-horizontal applies. These start/end pairs are most valuable in professional design and layout tools where exact edge-snapping is a core workflow action.

Usage

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

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

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

Related icons