Arrow 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-arrow-left-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-left-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-left-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-left-solid.json
Category:navigation
Tags:arrowleftsolidfilledbackpreviousreturn

The solid arrow-left icon delivers leftward navigation representation with filled styling for maximum visual impact in back navigation interfaces.

This default-size solid variant provides the leftward arrow with enhanced visual weight, making back buttons, previous page controls, and return navigation immediately identifiable across diverse application contexts.

Frequently Asked Questions

Common questions about the Arrow Left Solid icon

Similar Icons

Viewfinder Circle - interface icon from HeroIcons
viewfinder circle
Funnel 20 Solid - data icon from HeroIcons
funnel 20 solid
User Plus Solid - actions icon from HeroIcons
user plus solid
Equals 20 Solid - interface icon from HeroIcons
equals 20 solid
Beaker 20 Solid - system icon from HeroIcons
beaker 20 solid
Cursor Arrow Rays Solid - interface icon from HeroIcons
cursor arrow rays solid
Calculator 16 Solid - interface icon from HeroIcons
calculator 16 solid
Cloud Solid - system icon from HeroIcons
cloud solid
Arrow Long Up 16 Solid - navigation icon from HeroIcons
arrow long up 16 solid