Align Horizontal Center icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable layout vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-align-horizontal-center.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-align-horizontal-center.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-align-horizontal-center.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-align-horizontal-center.json
Category:layout
Tags:centeralignmenthorizontalmiddlepositionlayoutbalanced

The align-horizontal-center icon represents horizontal centering and middle-axis alignment in design and layout applications.

Featuring centered alignment lines with middle indicators, this symbol has become the standard control for horizontally centering elements, distributing content across center axes, and managing balanced horizontal spacing in interface builders.

Frequently Asked Questions

Common questions about the Align Horizontal Center icon

Similar Icons

Arrow Up Left - navigation icon from Akar Icons
arrow up left
Face Happy - interface icon from Akar Icons
face happy
Arrow Up Right - navigation icon from Akar Icons
arrow up right
Chevron Down Small - navigation icon from Akar Icons
chevron down small
Battery Medium - status icon from Akar Icons
battery medium
Arrow Up Thick - navigation icon from Akar Icons
arrow up thick
Node Fill - system icon from Akar Icons
node fill
Spotify Fill - communication icon from Akar Icons
spotify fill
Dot Grid - layout icon from Akar Icons
dot grid