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

The chevron-left-solid icon represents backward navigation and hierarchical return with its bold, filled leftward arrow design.

This solid-filled chevron pattern has become the standard indicator for back buttons, previous-page navigation, carousel controls, and application-level backward movement across modern web and mobile platforms.

Frequently Asked Questions

Common questions about the Chevron Left Solid icon

Similar Icons

Calendar - interface icon from HeroIcons
calendar
Trash 16 Solid - actions icon from HeroIcons
trash 16 solid
Rectangle Group - layout icon from HeroIcons
rectangle group
Chat Bubble Oval Left Ellipsis Solid - communication icon from HeroIcons
chat bubble oval left ellipsis solid
Moon Solid - interface icon from HeroIcons
moon solid
No Symbol 20 Solid - status icon from HeroIcons
no symbol 20 solid
Map Pin - navigation icon from HeroIcons
map pin
Photo 20 Solid - media icon from HeroIcons
photo 20 solid
Rectangle Stack - layout icon from HeroIcons
rectangle stack