John KuehJohn Kueh

square arrow down right icon

HugeIcons · SquareArrowDownRightIcon · MIT

Download SVG

The HugeIcons square arrow down right icon depicts a square with an arrow pointing diagonally downwards and to the right, commonly used to indicate downloading, exporting, or directing content to a specific location.

Common uses

  • Download button
  • Export file action
  • Redirect link indicator

Use it in React

Install
npm i @hugeicons/react @hugeicons/core-free-icons
Import & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SquareArrowDownRightIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={SquareArrowDownRightIcon} size={24} strokeWidth={1.5} />

Details

Library
HugeIcons (5,121 icons)
License
MIT
viewBox
0 0 24 24
Keywords
download iconexport icondiagonal downloadarrow down-right

FAQ

What is the primary purpose of the Square Arrow Down Right icon?
This icon typically signifies an action like downloading, exporting, or directing content downwards and to the right.
How do I use the Square Arrow Down Right icon in a React application?
Import it from '@hugeicons/core-free-icons' and render it using the HugeiconsIcon component: <HugeiconsIcon icon={SquareArrowDownRightIcon} />.
What is the license for this icon?
The HugeIcons library, including this icon, 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 →