Lucide Icons

align-horizontal-space-around

Align Horizontal Space Around icon · Lucide · <AlignHorizontalSpaceAround />

align-horizontal-space-around

Lucide tags align-horizontal-space-around with between, distribute and center. It's in Lucide's Layout category; similar icons include Align Vertical Space Around, Align Horizontal Space Between and Align Vertical Space Between.

24 px, stroke 2

align-horizontal-space-around.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width
Size

Align Horizontal Space Around icon in React

npm install lucide-react

import { AlignHorizontalSpaceAround } from "lucide-react";

export function Example() {
  return <AlignHorizontalSpaceAround />;
}
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Namealign-horizontal-space-around
ComponentAlignHorizontalSpaceAround (also AlignHorizontalSpaceAroundIcon, LucideAlignHorizontalSpaceAround)
CategoryLayout
Icon fonticon-align-horizontal-space-around, U+E275
CSS content"\e275"
Filelucide-static/icons/align-horizontal-space-around.svg
Grid and stroke24 × 24, 2 px stroke, round caps and joins
LicenseISC License (© Lucide Icons and Contributors)

Tags

centeritemsflexjustify

Similar icons

Align Vertical Space AroundAlign Horizontal Space BetweenAlign Vertical Space BetweenAlign Horizontal Distribute CenterAlign Horizontal Justify CenterAlign Vertical Justify CenterAlign Center HorizontalAlign End HorizontalAlign Horizontal Distribute EndAlign Horizontal Distribute StartAlign Horizontal Justify EndAlign Horizontal Justify Start