File Up Icon

Q: When should I use it instead of a similar icon?

Use it for resume, ID and signed contract fields in application forms, sending 1 chosen PDF from the device; and submit for review steps that send a finished draft out to its first reviewers. For sending a whole directory with its nested contents from the device at once, use the Folder Up icon. For saving a statement or contract PDF from the app onto the device, use the File Down icon. For an avatar or cover photo picker that sends an image from the device, use the Exit Up icon.

Document page with a folded corner and an up arrow inside, for uploading, submitting and publishing files. Available in 4 styles (outline, solid, duotone and filled) as a React component you install with the shadcn CLI.

Preview

File Up icon in outline, solid, duotone and filled styles

16px
20px
24px
32px

Install and code

pnpm dlx shadcn@latest add @reui/icons/default/filled/file-up

Writes reui/icons/default/filled/file-up.tsx

Icon installs need ReUI Ultimate

Ultimate covers all 667 icons in 4 styles, 57 of them animated, with the CLI install, the source and the SVG of each.

Get Ultimate Sign in

File Up icon in shadcn/ui components

Button

Icon button

Button group

Badge

SubmittedSubmittedSubmitted

Dropdown menu

Input group

Empty state

No documents submitted

Upload your signed contract and ID here to finish the application.

File Up icon FAQ

What does this icon show?

Document page with a folded corner and an up arrow inside, for uploading, submitting and publishing files. Typical uses: upload a file from the device, submit a document in a form and push a local file to cloud storage.

When should I use it instead of a similar icon?

Use it for:

Resume, ID and signed contract fields in application forms, sending 1 chosen PDF from the device
Submit for review steps that send a finished draft out to its first reviewers

For sending a whole directory with its nested contents from the device at once, use the Folder Up icon. For saving a statement or contract PDF from the app onto the device, use the File Down icon. For an avatar or cover photo picker that sends an image from the device, use the Exit Up icon.

Which styles does it come in?

4 styles: Outline, Solid, Duotone and Filled. Every style is drawn on the same 24 by 24 grid and installs as its own file, so you can switch styles without touching the layout.

How do I install it with the shadcn CLI?

Copy the install command from the panel above, in the style you want, and run it in your project. The shadcn CLI adds the icon as a React component that you import and render like any other. It draws in the current text color, so your text color and size classes style it. Icon installs need a ReUI Ultimate license.

What icons go well with it?

Icons from the same family and the Files set: File, File Added, File Deleted, File Down, File Left and File Right.

When was it added?

It joined the ReUI icon library on June 30, 2026.

For AI Agents

Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Ultimate license.

When to use

Resume, ID and signed contract fields in application forms, sending 1 chosen PDF from the device
Submit for review steps that send a finished draft out to its first reviewers

When not to use

Sending a whole directory with its nested contents from the device at once: use the Folder Up icon
Saving a statement or contract PDF from the app onto the device: use the File Down icon
An avatar or cover photo picker that sends an image from the device: use the Exit Up icon

Agent notes

Name an icon-only button with its label, "Upload document", as the aria-label

Markdownhttps://reui.io/icons/preview/file-up.md

MCPget_icon("file-up")

Installnpx shadcn@latest add @reui/icons/default/duotone/file-up

Full index for agents:llms.txtReUI MCP setup

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.