Lucide Icons

align-horizontal-distribute-start

Align Horizontal Distribute Start icon · Lucide · <AlignHorizontalDistributeStart />

align-horizontal-distribute-start

Lucide tags align-horizontal-distribute-start with left, justify and flex. It's in Lucide's Layout category; similar icons include Align Vertical Distribute Start, Align Horizontal Justify Start and Align Horizontal Distribute Center.

24 px, stroke 2

align-horizontal-distribute-start.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 Distribute Start icon in React

npm install lucide-react

import { AlignHorizontalDistributeStart } from "lucide-react";

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

Details

Namealign-horizontal-distribute-start
ComponentAlignHorizontalDistributeStart (also AlignHorizontalDistributeStartIcon, LucideAlignHorizontalDistributeStart)
CategoryLayout
Icon fonticon-align-horizontal-distribute-start, U+E03E
CSS content"\e03e"
Filelucide-static/icons/align-horizontal-distribute-start.svg
Grid and stroke24 × 24, 2 px stroke, round caps and joins
LicenseISC License (© Lucide Icons and Contributors)

Tags

leftitemsflexjustify

Similar icons

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