The Tabler arrows up left icon depicts an upward and leftward movement, commonly used to signify actions like returning to a previous state, navigating back, or indicating an increase or upward trend.
Common uses
- Back button in navigation
- Undo action
- Indicate a price increase
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowsUpLeft } from '@tabler/icons-react';
<IconArrowsUpLeft size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- dragmovearrowslefttopincreasenavigationflowriseupwardupback arrowreturn iconup-left arrowdiagonal back
FAQ
- What does the arrows up left icon represent?
- It represents movement towards the top-left, often used for actions like going back, undoing, or showing an upward trend.
- How do I use this icon in React?
- You can import and use it like this: `import { IconArrowsUpLeft } from '@tabler/icons-react'`. Then render it as `<IconArrowsUpLeft />`.
- What is the license for this icon?
- The Tabler icons, including this one, are 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 →