Pixelarticons

Circle Chevron Left Pixel Art Icon

A leftward chevron inside a circle, for carousel previous-slide buttons, dialog back controls, and back navigation on touch interfaces.

arrows Pro 2 variants

Tags

circlechevroncaretarrowleftbackpreviouswest

Style variants

base

Outline · rounded 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 Circle Chevron Left icon

A leftward chevron set inside a circle, forming a self-contained button shape. Carousels and image galleries use it for the previous-slide control, where the circular frame makes the target easier to tap on mobile. It also works well for back navigation in multi-step modals or wizard flows. For inline breadcrumb separators, the lighter bare chevron-left is less intrusive; this circle variant is best where the navigation control stands alone.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/circle-chevron-left.svg" width="24" height="24" alt="Circle Chevron Left" />

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

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

Related icons