Lucide Icons

align-horizontal-distribute-center

Align Horizontal Distribute Center icon · Lucide · <AlignHorizontalDistributeCenter />

align-horizontal-distribute-center

Lucide tags align-horizontal-distribute-center with evenly, around and space. It's in Lucide's Layout category; similar icons include Align Vertical Distribute Center, Align Horizontal Distribute End and Align Horizontal Distribute Start.

24 px, stroke 2

align-horizontal-distribute-center.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 Center icon in React

npm install lucide-react

import { AlignHorizontalDistributeCenter } from "lucide-react";

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

Details

Namealign-horizontal-distribute-center
ComponentAlignHorizontalDistributeCenter (also AlignHorizontalDistributeCenterIcon, LucideAlignHorizontalDistributeCenter)
CategoryLayout
Icon fonticon-align-horizontal-distribute-center, U+E03C
CSS content"\e03c"
Filelucide-static/icons/align-horizontal-distribute-center.svg
Grid and stroke24 × 24, 2 px stroke, round caps and joins
LicenseISC License (© Lucide Icons and Contributors)

Tags

itemsflexjustifyspace

Similar icons

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