arrow up on square stack icon

Common uses

• Upload button
• Push to repository action
• Export data option

Use it in React

npm i @heroicons/react

import { ArrowUpOnSquareStackIcon } from '@heroicons/react/24/outline';

<ArrowUpOnSquareStackIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<ArrowUpOnSquareStackIcon className="size-6" />

<ArrowUpOnSquareStackIcon className="size-6" />

<ArrowUpOnSquareStackIcon className="size-6" />

<ArrowUpOnSquareStackIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

arrowuponsquarestackupload iconpush iconexport iconsend icon

FAQ

What does the arrow up on square stack icon represent?

It visually signifies an upload or push operation, often used for sending files or data.

How do I use this icon in React?

Import it using: import { ArrowUpOnSquareStackIcon } from '@heroicons/react/24/outline' and then use the component <ArrowUpOnSquareStackIcon />.

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 Heroicons.