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

The align-top icon represents single-element vertical alignment to top edges in design and layout tools.

Featuring alignment lines with top-edge indicators, this symbol has become the standard control for top-aligning individual elements, positioning content at container tops, and managing vertical spacing from the top edge in interface builders.

Frequently Asked Questions

Common questions about the Align Top icon

Similar Icons

Chevron Right - navigation icon from Akar Icons
chevron right
Settings Vertical - interface icon from Akar Icons
settings vertical
Link Chain - actions icon from Akar Icons
link chain
Light Bulb - interface icon from Akar Icons
light bulb
Chat Bubble - communication icon from Akar Icons
chat bubble
Calendar - interface icon from Akar Icons
calendar
Octagon Fill - layout icon from Akar Icons
octagon fill
Octagon - layout icon from Akar Icons
octagon
Sidebar Right - layout icon from Akar Icons
sidebar right