John KuehJohn Kueh

arrow up dashed icon

Tabler · arrow-up-dashed · MIT

Download SVG

The Tabler arrow up dashed icon visually represents an upward direction with a dashed line, often used to indicate an increase, a return to the top, or a non-linear upward flow.

Common uses

  • Indicate a price increase or positive trend.
  • Provide a 'scroll to top' button.
  • Show a dashed path for navigation or flow.

Use it in React

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

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

Details

Library
Tabler (5,093 icons)
License
MIT
viewBox
0 0 24 24
Category
Arrows
Keywords
toppointarrowdasheddirectionpointerincreasenavigationflownavigatearrowsupupward arrow dashedincrease pointerreturn to topdashed pointer

FAQ

What is the arrow up dashed icon used for?
It's typically used to signify upward movement, increase, or returning to the top of a page or list.
How do I use this icon in React?
You can import it directly from the '@tabler/icons-react' library using: import { IconArrowUpDashed } from '@tabler/icons-react'
What is the license for Tabler icons?
Tabler icons are distributed 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 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 →