The Tabler arrow move left icon depicts a leftward-pointing arrow with a distinct 'move' or 'transfer' style, commonly used to indicate actions like moving items to the left, navigating backward, or indicating a westward direction in user interfaces.
Common uses
- Moving selected items to a 'previous' or 'available' list.
- Back navigation button in a wizard or multi-step process.
- Indicating a westward direction on a map or directional control.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowMoveLeft } from '@tabler/icons-react';
<IconArrowMoveLeft size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconArrowMoveLeft size={24} stroke={2} />filled
<IconArrowMoveLeftFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directionwestarrowmoveleftpointernavigationflownavigatetransferarrowsmove left arrowprevious arrowwest arrowtransfer left
FAQ
- What is the arrow-move-left icon used for?
- It's typically used for actions involving moving content or navigation to the left, such as transferring items between lists or going back in a sequence.
- How do I use the arrow-move-left icon in React?
- You can import and use it directly in your React components like this: import { IconArrowMoveLeft } from '@tabler/icons-react'.
- What is the license for the Tabler arrow-move-left icon?
- The Tabler icon library, including the arrow-move-left icon, is distributed 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 →