Align Horizontal Distribute Center Pixel Art Icon
A distribute-centers-horizontally icon for spacing objects evenly by their centers in design and layout tools.
Tags
alignhorizontaldistributecenter
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Align Horizontal Distribute Center icon
Multiple shapes whose center points are spaced at equal horizontal intervals, representing the 'Distribute centers horizontally' action in design tools. Use it in an alignment panel when you want elements to have equal gaps between their midpoints rather than their edges. It differs from space-around and space-between, which distribute based on outer edges or gaps. This icon is most useful in design tools like Figma, Illustrator, or Sketch where precise typographic and layout spacing is required.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/align-horizontal-distribute-center.svg" width="24" height="24" alt="Align Horizontal Distribute Center" />
<!-- React -->
import { AlignHorizontalDistributeCenter } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="align-horizontal-distribute-center.svg" width="48" height="48" style="image-rendering: pixelated" />