The Tabler arrows up right icon depicts an upward and rightward diagonal movement, commonly used to indicate actions like opening a link in a new tab or indicating an increase or positive trend.
Common uses
- Link opens in new tab indicator
- Export or upload action
- Positive trend or growth visualization
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowsUpRight } from '@tabler/icons-react';
<IconArrowsUpRight size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- dragmovearrowsrighttopincreasenavigationflowriseupwardupexternal linknew windowdiagonal arrowoutward arrow
FAQ
- What does the arrows up right icon represent?
- It represents movement or direction that is both upward and to the right, often signifying an action that leads to a new location or a positive change.
- How do I use the arrows up right icon in React?
- You can import and use it in your React application with: import { IconArrowsUpRight } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icons, including arrows up right, 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 →