document arrow up icon

Common uses

• Upload document button
• Submit form action
• Export file indicator

Use it in React

npm i @heroicons/react

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

<DocumentArrowUpIcon className="size-6" />

Styles

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

<DocumentArrowUpIcon className="size-6" />

<DocumentArrowUpIcon className="size-6" />

<DocumentArrowUpIcon className="size-6" />

<DocumentArrowUpIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

documentarrowupupload iconsubmit iconexport iconfile upload

FAQ

What does the document arrow up icon represent?

It represents the action of uploading or submitting a document. The document symbol combined with the upward arrow clearly conveys this meaning.

How do I use this icon in React?

You can import and use it in your React application like this: import { DocumentArrowUpIcon } from '@heroicons/react/24/outline'. Then, render it as a component: <DocumentArrowUpIcon className="h-6 w-6" />.

What is the license for this icon?

The Heroicons library, including the document arrow up icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Heroicons.