John KuehJohn Kueh

arrow left dashed icon

Tabler · arrow-left-dashed · MIT

Download SVG

The Tabler arrow left dashed icon depicts a dashed arrow pointing to the left, commonly used to indicate a previous step, a backward action, or a return to a prior state in user interfaces.

Common uses

  • Back button in a wizard or multi-step form
  • Undo or revert action
  • Navigate to a previous screen or section

Use it in React

Install
npm i @tabler/icons-react
Import & render
import { IconArrowLeftDashed } from '@tabler/icons-react';

<IconArrowLeftDashed size={24} stroke={2} />

Details

Library
Tabler (5,093 icons)
License
MIT
viewBox
0 0 24 24
Category
Arrows
Keywords
backswipereturnarrowleftdasheddirectionpointernavigationflowarrowsback arrow dashedprevious step iconreturn arrow dashedswipe left dashed

FAQ

What is the arrow left dashed icon used for?
It signifies a backward movement, like returning to a previous page, undoing an action, or indicating the previous step in a process.
How do I use the arrow left dashed icon in React?
You can import and use it directly with the following statement: import { IconArrowLeftDashed } from '@tabler/icons-react'
What is the license for this icon?
This icon is from the Tabler icon library and is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Tabler.

Looking for something else? Search Tabler and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →