Square Chevron Left Pixel Art Icon
A leftward chevron inside a square for back navigation buttons, previous-step controls, and left-panel collapse triggers.
Tags
squarechevroncaretarrowleftbackpreviouswest
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Square Chevron Left icon
A leftward chevron set within a square border, combining directional meaning with a button-like frame. Use it on a 'previous step' button in a wizard, a carousel previous-slide control, or a 'collapse left panel' toggle in a boxy design system. The square frame gives it more tap area and visual prominence than a bare chevron-left, and distinguishes it from the rounder circle-chevron-left for systems that prefer rectangular button shapes.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/square-chevron-left.svg" width="24" height="24" alt="Square Chevron Left" />
<!-- React -->
import { SquareChevronLeft } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="square-chevron-left.svg" width="48" height="48" style="image-rendering: pixelated" />