The HugeIcons square arrow down left icon depicts a directional arrow pointing downwards and to the left, commonly used to indicate downloading, moving content to a lower-left position, or navigating in that direction.
Common uses
- Download button
- Move item to bottom-left
- Navigate down-left
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SquareArrowDownLeftIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={SquareArrowDownLeftIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- download iconarrow down leftmove down icondiagonal down icon
FAQ
- What does the square arrow down left icon represent?
- This icon represents a directional movement downwards and to the left. It's often used for download actions or indicating a path in that direction.
- How do I use the SquareArrowDownLeftIcon in React?
- Import both HugeiconsIcon and SquareArrowDownLeftIcon from their respective packages and render them using the <HugeiconsIcon icon={SquareArrowDownLeftIcon} /> component.
- What is the license for this icon?
- The HugeIcons library, including the SquareArrowDownLeftIcon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →