Pixelarticons

Align Horizontal Justify Center Pixel Art Icon

A justify-center-horizontally icon for distributing elements with equal gaps around a horizontal center in design tools.

design Free 4 variants

Tags

alignhorizontaljustifycenter

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

Elements spread along the horizontal axis so that spacing is centered and balanced, the 'Justify center horizontally' layout control. Use it in a design tool's alignment or distribution panel to ensure objects are evenly spaced with equal margins on both sides of the group's center. It is particularly useful when laying out a horizontal row of icons or buttons that should appear optically centered. For purely edge-based alignment, align-center-horizontal is the more focused option.

Usage

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

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

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

Related icons