Pixelarticons

Align Horizontal Justify Start Pixel Art Icon

A justify-start-horizontally icon for positioning elements at the leading edge with even spacing in design tools.

design Free 4 variants

Tags

alignhorizontaljustifystart

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

Elements justified to the left (or leading) edge of their container with consistent spacing between them, the horizontal counterpart of 'justify-content: flex-start' with gaps. Use it in a design-tool alignment panel to anchor a horizontal row of objects to the left boundary while preserving equal internal spacing. Paired with align-horizontal-justify-center and align-horizontal-justify-end, it gives designers full control over how a horizontal group distributes toward each edge.

Usage

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

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

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

Related icons