The Tabler arrow right dashed icon depicts a dashed arrow pointing to the right, commonly used to indicate progression, a next step, or a directional flow.
Common uses
- Next item in a carousel
- Proceed to the next step in a wizard
- Indicate swipe gesture direction
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowRightDashed } from '@tabler/icons-react';
<IconArrowRightDashed size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- nextproceedswipearrowrightdasheddirectionpointernavigationflowarrowsnext arrowswipe rightdashed pointerrightward arrow
FAQ
- What is the arrow right dashed icon used for?
- It's used to show direction, progression, or a next action, especially when a softer or more distinct visual cue is desired than a solid arrow.
- How do I use the arrow right dashed icon in React?
- Import it from the library like this: import { IconArrowRightDashed } from '@tabler/icons-react'. Then use it as a component: <IconArrowRightDashed />.
- What is the license for this icon?
- The Tabler icon library, including this icon, is 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 →