Lucide Icons

align-horizontal-space-between

Align Horizontal Space Between icon · Lucide · <AlignHorizontalSpaceBetween />

align-horizontal-space-between

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

24 px, stroke 2

align-horizontal-space-between.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 Between icon in React

npm install lucide-react

import { AlignHorizontalSpaceBetween } from "lucide-react";

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

Details

Namealign-horizontal-space-between
ComponentAlignHorizontalSpaceBetween (also AlignHorizontalSpaceBetweenIcon, LucideAlignHorizontalSpaceBetween)
CategoryLayout
Icon fonticon-align-horizontal-space-between, U+E276
CSS content"\e276"
Filelucide-static/icons/align-horizontal-space-between.svg
Grid and stroke24 × 24, 2 px stroke, round caps and joins
LicenseISC License (© Lucide Icons and Contributors)

Tags

itemsflexjustify

Similar icons

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