Lucide Icons

align-start-horizontal

Align Start Horizontal icon · Lucide · <AlignStartHorizontal />

align-start-horizontal

Lucide tags align-start-horizontal with top, justify and flex. It's in Lucide's Layout category; similar icons include Align Horizontal Distribute Start, Align Horizontal Justify Start and Align Vertical Distribute Start. The matching icon is Align Start Horizontal in Microsoft's Fluent icons.

24 px, stroke 2

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

npm install lucide-react

import { AlignStartHorizontal } from "lucide-react";

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

Details

Namealign-start-horizontal
ComponentAlignStartHorizontal (also AlignStartHorizontalIcon, LucideAlignStartHorizontal)
CategoryLayout
Icon fonticon-align-start-horizontal, U+E270
CSS content"\e270"
Filelucide-static/icons/align-start-horizontal.svg
Grid and stroke24 × 24, 2 px stroke, round caps and joins
LicenseISC License (© Lucide Icons and Contributors)

Tags

itemsflexjustify

Also in Fluent

Align Start Horizontal iconAlign Start HorizontalMicrosoft's version of this icon, on Fluenticons

Similar icons

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