Pixelarticons

Align Start Vertical Pixel Art Icon

A vertical start-align icon for snapping elements to the top edge in design tools and layout editor panels.

design Free 4 variants

Tags

alignstartvertical

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Align Start Vertical icon

Objects aligned to the top (or leading vertical) edge of their container, representing 'Align to top' or 'align-items: flex-start' on the vertical axis. Use it in a design-tool alignment panel when you want selected items to snap to the upper boundary of their shared frame. For aligning to the bottom edge, align-end-vertical is the paired opposite. These icons belong primarily in design applications and developer-tool layout inspectors where precise vertical positioning is a common task.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/align-start-vertical.svg" width="24" height="24" alt="Align Start Vertical" />

<!-- React -->
import { AlignStartVertical } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="align-start-vertical.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons