Pixelarticons

Arrow Left Pixel Art Icon

A leftward arrow for back navigation, previous item, undo direction, and westward movement in maps and carousels.

arrows Free 2 variants

Tags

arrowleftbackpreviouswest

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

Get Pro

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

About the Arrow Left icon

A simple arrow pointing left, one of the most common navigation icons in any interface. It stands for 'go back', 'previous slide', 'move left', or 'undo direction' across browsers, media players, carousels, and maps. Keep it for lightweight directional cues; when the action needs more visual weight or implies a boundary, arrow-bar-left or arrow-left-box may serve better. Ensure a matching arrow-right is nearby whenever the two directions co-exist.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/arrow-left.svg" width="24" height="24" alt="Arrow Left" />

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

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

Related icons