Chevron Left 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-chevron-left.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-chevron-left.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-chevron-left.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-chevron-left.json
Category:navigation
Tags:chevronleftbackpreviousnavigationreturnbackward

The chevron-left icon indicates backward navigation and previous item access with its simple leftward-pointing arrow design.

This fundamental navigation element has become the universal indicator for back buttons, previous page actions, carousel navigation, and hierarchical return functions across modern web and mobile interfaces.

Frequently Asked Questions

Common questions about the Chevron Left icon

Similar Icons

Arrow Turn Down Left Solid - communication icon from HeroIcons
arrow turn down left solid
Arrow Down Right - navigation icon from HeroIcons
arrow down right
Arrow Down Solid - navigation icon from HeroIcons
arrow down solid
Document Chart Bar Solid - data icon from HeroIcons
document chart bar solid
User Plus - actions icon from HeroIcons
user plus
Megaphone - communication icon from HeroIcons
megaphone
User 20 Solid - interface icon from HeroIcons
user 20 solid
Share Solid - communication icon from HeroIcons
share solid
Newspaper - communication icon from HeroIcons
newspaper