arrow turn left down icon

Common uses

• Navigating to a previous step in a multi-step process.
• Indicating a rollback or undo action.
• Representing a return path or backward navigation.

Use it in React

npm i @heroicons/react

import { ArrowTurnLeftDownIcon } from '@heroicons/react/24/outline';

<ArrowTurnLeftDownIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<ArrowTurnLeftDownIcon className="size-6" />

<ArrowTurnLeftDownIcon className="size-6" />

<ArrowTurnLeftDownIcon className="size-6" />

<ArrowTurnLeftDownIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

arrowturnleftdownback arrowreturn iconprevious stepturn back

FAQ

What is the arrow turn left down icon used for?

This icon is typically used to signify a backward or downward turn in navigation or process flow, such as returning to a previous state or step.

How do I use the arrow turn left down icon in React?

You can import and use it in your React application with the following statement: `import { ArrowTurnLeftDownIcon } from '@heroicons/react/24/outline'`.

What is the license for this icon?

The Heroicons arrow turn left down icon is available under the MIT license, allowing for free use in both personal and commercial projects.

Related icons

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