John KuehJohn Kueh

arrow bar to right dashed icon

Tabler · arrow-bar-to-right-dashed · MIT

Download SVG

The Tabler arrow bar to right dashed icon visually represents moving or directing content or a user to the right, often indicating a next step or forward progression in a dashed or non-solid manner.

Common uses

  • Next step in a multi-step process
  • Expand or reveal content to the right
  • Indicate a forward flow or direction

Use it in React

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

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

Details

Library
Tabler (5,093 icons)
License
MIT
viewBox
0 0 24 24
Category
Arrows
Keywords
arrowbarrightdasheddirectionpointernavigationflownavigatemovearrowstomove right dashedforward dashednext dashed

FAQ

What is the purpose of the arrow bar to right dashed icon?
This icon is typically used to show a progression or direction to the right, often in a less emphasized or secondary way due to its dashed appearance.
How do I use this icon in React?
You can import and use it in your React application with: import { IconArrowBarToRightDashed } from '@tabler/icons-react'
What is the license for this icon?
The Tabler icons, including this one, are 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 →