The Tabler square rounded arrow down icon visually represents an action to download or move content downwards, often used for saving files or indicating a downward direction.
Common uses
- Download button
- Export data
- Scroll to bottom
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareRoundedArrowDown } from '@tabler/icons-react';
<IconSquareRoundedArrowDown size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareRoundedArrowDown size={24} stroke={2} />filled
<IconSquareRoundedArrowDownFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- shapesouthbottomdirectionsquareroundedarrowdownpointerdecreasearrowsdownload iconsave iconsouth arrowdirection down
FAQ
- What is the square rounded arrow down icon used for?
- It typically signifies downloading, saving, or indicating a downward movement or direction within a user interface.
- How do I use this icon in React?
- You can import and use it with: import { IconSquareRoundedArrowDown } from '@tabler/icons-react'
- What is the license for this icon?
- This icon is provided 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 →