Arrow Left Circle icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable navigation vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-left-circle.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-left-circle.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-left-circle.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-left-circle.json
Category:navigation
Tags:arrowleftcirclebackbuttonpreviousenclosed

The arrow-left-circle icon represents leftward navigation within a circular button design, combining back functionality with contained visual styling.

The encircled leftward arrow has become a standard pattern for back buttons, previous page navigation, and enclosed return controls in modern interfaces.

Frequently Asked Questions

Common questions about the Arrow Left Circle icon

Similar Icons

Archive Box Solid - actions icon from HeroIcons
archive box solid
Currency Euro 16 Solid - interface icon from HeroIcons
currency euro 16 solid
Arrows Pointing Out 16 Solid - interface icon from HeroIcons
arrows pointing out 16 solid
Document Currency Dollar - interface icon from HeroIcons
document currency dollar
Globe Europe Africa - navigation icon from HeroIcons
globe europe africa
Chevron Double Right - navigation icon from HeroIcons
chevron double right
Shopping Cart Solid - interface icon from HeroIcons
shopping cart solid
Credit Card - interface icon from HeroIcons
credit card
Squares Plus 20 Solid - layout icon from HeroIcons
squares plus 20 solid