Align To Middle 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-to-middle.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-align-to-middle.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-align-to-middle.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-align-to-middle.json
Category:layout
Tags:alignmentdistributemiddlecenterobjectshorizontalbalanced

The align-to-middle icon represents object distribution and alignment to horizontal center axes in design and layout applications.

Featuring multiple elements aligned to a common center line, this symbol has become the standard control for distributing objects to middle positions, creating center-aligned groups, and managing horizontal object spacing in interface builders.

Frequently Asked Questions

Common questions about the Align To Middle icon

Similar Icons

Sparkles - interface icon from Akar Icons
sparkles
Align Bottom - layout icon from Akar Icons
align bottom
Arrow Down Right - navigation icon from Akar Icons
arrow down right
Sidebar Right - layout icon from Akar Icons
sidebar right
Arrow Down Thick - navigation icon from Akar Icons
arrow down thick
X Small - interface icon from Akar Icons
x small
Triangle Right Fill - navigation icon from Akar Icons
triangle right fill
Spotify Fill - communication icon from Akar Icons
spotify fill
Pointer Up Fill - navigation icon from Akar Icons
pointer up fill