The Tabler arrows down icon depicts two arrows pointing downwards, commonly used to indicate a download action, a descending order, or a direction towards the bottom of a page or interface.
Common uses
- Download button
- Sort descending
- Scroll to bottom
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowsDown } from '@tabler/icons-react';
<IconArrowsDown size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directionsoutharrowsdownbottomdecreasenavigationflowfalldownwarddownloaddescend
FAQ
- What is the purpose of the arrows down icon?
- It visually represents actions or states related to moving downwards, such as downloading, sorting in descending order, or indicating the bottom of content.
- How do I use the arrows down icon in React?
- You can import and use it directly in your React components like this: import { IconArrowsDown } from '@tabler/icons-react'.
- What is the license for the Tabler icons?
- Tabler icons, including the arrows down icon, are distributed under the MIT license, allowing for free use.
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 →