John KuehJohn Kueh

align horizontal distribute center icon

Lucide · align-horizontal-distribute-center · ISC

Download SVG

The Lucide align horizontal distribute center icon visually represents the distribution of items evenly across a horizontal space, typically used to center content or elements within a container.

Common uses

  • Centering buttons in a form footer
  • Distributing navigation links horizontally
  • Aligning form fields evenly in a row

Use it in React

Install
npm i lucide-react
Import & render
import { AlignHorizontalDistributeCenter } from 'lucide-react';

<AlignHorizontalDistributeCenter size={24} />

Details

Library
Lucide (1,713 icons)
License
ISC
viewBox
0 0 24 24
Keywords
itemsflexjustifyspaceevenlyaroundalignhorizontaldistributecenterdistribute horizontal centerflex justify centeralign center horizontalspace evenly horizontal

FAQ

What does the align horizontal distribute center icon represent?
This icon depicts the concept of spacing multiple items equally along a horizontal axis, ensuring they are centered within their container.
How do I use this icon in React?
You can import and use it in React with the following statement: import { AlignHorizontalDistributeCenter } from 'lucide-react'.
What is the license for this icon?
This icon is provided under the ISC license.

Related icons

The same idea in other libraries, and near matches in Lucide.

Looking for something else? Search Lucide and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →