Align Vertical 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-vertical-center.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-align-vertical-center.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-align-vertical-center.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-align-vertical-center.json
Category:layout
Tags:verticalcenteralignmentmiddlebalancedaxisposition

The align-vertical-center icon represents vertical centering along the middle axis in design and layout applications.

Featuring vertical alignment lines with center indicators, this symbol has become the standard control for vertically centering elements, creating middle-aligned layouts, and managing balanced vertical spacing in interface builders.

Frequently Asked Questions

Common questions about the Align Vertical Center icon

Similar Icons

Moon Fill - interface icon from Akar Icons
moon fill
Arrow Forward - navigation icon from Akar Icons
arrow forward
Circle Chevron Down Fill - navigation icon from Akar Icons
circle chevron down fill
Circle Alert Fill - status icon from Akar Icons
circle alert fill
Arrow Counter Clockwise - actions icon from Akar Icons
arrow counter clockwise
Arrow Up Right - navigation icon from Akar Icons
arrow up right
Battery Medium - status icon from Akar Icons
battery medium
Arrow Up Thick - navigation icon from Akar Icons
arrow up thick
Pinterest Fill - communication icon from Akar Icons
pinterest fill