---
title: "Align Top Vertical Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/align-top-vertical--27706
canonical_url: "https://www.streamlinehq.com/icons/download/align-top-vertical--27706"
summary: "Rounded gradient icon of a rounded square with a horizontal pill near its top. Used for top alignment and layout controls."
---

# Align Top Vertical icon

The Align Top Vertical icon shows a rounded square filled with a blue-to-magenta gradient and a white horizontal pill near its top edge. Drawn in the gradient style on a 14px grid, it uses smooth filled shapes for clear, immersive alignment controls. Use it for top alignment buttons, layout tools, design editors, and interface positioning controls. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of a rounded square with a horizontal pill near its top. Used for top alignment and layout controls.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/flex-gradient/interface-essential/align/align-top-vertical-5afqlvnd8dsghcdig62gm.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Align Top Vertical
- **Type**: Icon
- **Set**: [Flex Gradient](/icons/flex-gradient.md) — Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal. The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Flex Gradient icons are designed on a 14px grid using filled shapes as gradient colors.
- **Family**: [Flex](/icons/flex.md) — Fluid icons
- **Style**: Gradient
- **Category**: Interface Essential › Align
- **Default size**: 14px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: align, top, vertical, button, UI, interface, square, simple, control, electronics, press, switch, power, work

## Download

- [Download Align Top Vertical on Streamline](https://www.streamlinehq.com/icons/download/align-top-vertical--27706)

## Also available in other styles

- [Align Top Vertical — Flex Line](/icons/download/align-top-vertical--24509.md) (Pro)
- [Align Top Vertical — Flex Duo](/icons/download/align-top-vertical--24558.md) (Pro)
- [Align Top Vertical — Flex Remix](/icons/download/align-top-vertical--28515.md) (Pro)
- [Align Top Vertical — Flex Flat](/icons/download/align-top-vertical--24719.md) (Pro)
- [Align Top Vertical — Flex Neon](/icons/download/align-top-vertical--30397.md) (Pro)
- [Align Top Vertical — Flex Pop](/icons/download/align-top-vertical--31282.md) (Pro)
- [Align Top Vertical — Flex Solid](/icons/download/align-top-vertical--24349.md) (Pro)

---

[View full sitemap](/sitemap.md)