The Tabler arrow left right icon depicts a bidirectional arrow, commonly used to indicate actions involving movement or switching between two opposing states or directions.
Common uses
- Toggle between two views or modes
- Indicate a two-way data flow
- Represent a horizontal slider or carousel control
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowLeftRight } from '@tabler/icons-react';
<IconArrowLeftRight size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directionwesteastarrowleftrightpointernavigationflownavigatearrowsbidirectional arrowleft right arrowswitch icontwo way arrow
FAQ
- What is the arrow left right icon used for?
- It signifies bidirectional movement, switching between options, or a two-way connection in a user interface.
- How do I use the arrow left right icon in React?
- Import it from '@tabler/icons-react' using: import { IconArrowLeftRight } from '@tabler/icons-react'
- What is the license for the arrow left right 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.