The Tabler arrows left right icon depicts bidirectional movement and is commonly used to indicate actions like switching between views, toggling settings, or navigating back and forth.
Common uses
- Toggle between two content panes
- Switching between 'On' and 'Off' states
- Navigating to previous/next items
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowsLeftRight } from '@tabler/icons-react';
<IconArrowsLeftRight size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directioneastwestarrowsleftrightnavigationflowmovementroutebidirectional arrowsleft right arrowsswitch icontoggle arrows
FAQ
- What is the arrows-left-right icon used for?
- This icon signifies bidirectional movement or switching. It's useful for actions like toggling, navigation, or indicating a two-way flow.
- How do I use the arrows-left-right icon in React?
- You can import and use it in your React application with: `import { IconArrowsLeftRight } from '@tabler/icons-react'`. Then render it as `<IconArrowsLeftRight />`.
- What is the license for the Tabler icons?
- The Tabler icon library, including the arrows-left-right 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 →