John KuehJohn Kueh

square arrow data transfer vertical icon

HugeIcons · SquareArrowDataTransferVerticalIcon · MIT

Download SVG

The HugeIcons square arrow data transfer vertical icon depicts a vertical arrow moving between two squares, commonly used to represent uploading or downloading data.

Common uses

  • Upload file button
  • Download button
  • Data synchronization indicator

Use it in React

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

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

Details

Library
HugeIcons (5,121 icons)
License
MIT
viewBox
0 0 24 24
Keywords
upload icondownload iconvertical transfer icondata movement icon

FAQ

What does the square arrow data transfer vertical icon represent?
It visually signifies the movement of data vertically, typically for upload or download actions.
How do I use this icon in React?
Import it as `SquareArrowDataTransferVerticalIcon` from '@hugeicons/core-free-icons' and render it using `<HugeiconsIcon icon={SquareArrowDataTransferVerticalIcon} />` from '@hugeicons/react'.
What is the license for this icon?
This icon is distributed 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 →