sketchyicons
(opens in a new tab)

align-horizontal-space-around icon

3 strokes on a 24 unit grid, drawn from Lucide's align-horizontal-space-around and bowed by the generator. Search finds it under center, items, flex, justify, distribute.

Component
AlignHorizontalSpaceAround
Sets
Text
Also found as
centeritemsflexjustifydistributebetween
24 px, stroke 2, shown at 6x
Size
Stroke
Color

Not installed yet? Installation

React
import { AlignHorizontalSpaceAround } from "@sketchyicons/react";

<AlignHorizontalSpaceAround />

At the sizes you ship

Every size below is the same geometry, scaled. 15 px is where a bowed stroke either holds or turns to mud, so it is the one worth looking at before you commit to the glyph.
  • 15 px
  • 20 px
  • 24 px
  • 32 px
  • 48 px
  • 64 px
align-horizontal-space-around rendered at 15, 20, 24, 32, 48, 64 pixels.

In an interface

The same glyph in the containers it ends up inside, then at 15 px beside 13 px text, in a button, in a field, in a row and in a sentence. Pick a colour above and every surface below follows it. Nothing here is clickable.

Near it in the set

Glyphs that share a name, a set or a search term with align-horizontal-space-around.

The file

The same glyph sits at a fixed address as a plain file, drawn at 24 px with stroke 2: /svg/align-horizontal-space-around.svg. It is MIT licensed, and the geometry is derived from Lucide's align-horizontal-space-around (opens in a new tab) 1.27.0, ISC. This page renders @sketchyicons/data 0.5.0, the same geometry every framework package is built from.