The Tabler arrows sort icon depicts two parallel arrows, one pointing up and one pointing down, commonly used to indicate sorting functionality or a bidirectional flow.
Common uses
- Sortable table column header
- Toggle between ascending/descending order
- Indicate bidirectional data flow
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowsSort } from '@tabler/icons-react';
<IconArrowsSort size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- topbottomparallelorderarrowssortnavigationflowmovementroutesort arrowsup down arrowsorder arrowsbidirectional arrows
FAQ
- What does the arrows sort icon represent?
- It represents sorting or a bidirectional movement or flow, with arrows pointing in opposite directions.
- How do I use the arrows sort icon in React?
- You can import and use it like this: import { IconArrowsSort } from '@tabler/icons-react'. Then render it as <IconArrowsSort />.
- What is the license for the Tabler icons?
- Tabler icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.