Lucide Icons

align-center-horizontal

Align Center Horizontal icon · Lucide · <AlignCenterHorizontal />

align-center-horizontal

Lucide tags align-center-horizontal with justify, flex and items. It's in Lucide's Layout category; similar icons include Align Horizontal Distribute Center, Align Horizontal Justify Center and Align Horizontal Space Around. The matching icon is Align Center Horizontal in Microsoft's Fluent icons.

24 px, stroke 2

align-center-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 Center Horizontal icon in React

npm install lucide-react

import { AlignCenterHorizontal } from "lucide-react";

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

Details

Namealign-center-horizontal
ComponentAlignCenterHorizontal (also AlignCenterHorizontalIcon, LucideAlignCenterHorizontal)
CategoryLayout
Icon fonticon-align-center-horizontal, U+E26C
CSS content"\e26c"
Filelucide-static/icons/align-center-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 Center Horizontal iconAlign Center HorizontalMicrosoft's version of this icon, on Fluenticons

Similar icons

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