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