Pixelarticons

Arrow Bar Left Pixel Art Icon

A leftward arrow ending at a vertical bar, for jump-to-start, collapse-panel, and first-item navigation controls.

arrows Free 1 variant

Tags

arrowbarleftbackpreviouswest

Style variants

base

Outline ยท rounded corners

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

About the Arrow Bar Left icon

A horizontal arrow pointing left, terminating at a vertical bar on its left side. The bar implies a hard stop or boundary, so it suits 'jump to first', 'rewind to start', or 'collapse sidebar to the left' actions. Media players and data tables both use this shape for their 'skip to beginning' control. Compare with arrow-left, which is better for simple back or previous navigation without a boundary.

Usage

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

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

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

Related icons