What does the file arrow up icon represent?

It signifies an action related to files and upward movement, typically for uploading or saving.

How do I use this icon in React?

Import it as `FileArrowUp` from '@phosphor-icons/react' and use it as a component: ` `.

Phosphor icons are distributed under the MIT license, allowing for free usage.

Phosphor · file-arrow-up · MIT

The Phosphor file arrow up icon depicts a document with an upward-pointing arrow, commonly used to represent uploading or saving a file.

Install

npm i @phosphor-icons/react

Import & render

import { FileArrowUp } from '@phosphor-icons/react';

<FileArrowUp size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<FileArrowUp size={24} />

thin

<FileArrowUp size={24} weight="thin" />

light

<FileArrowUp size={24} weight="light" />

bold

<FileArrowUp size={24} weight="bold" />

fill

<FileArrowUp size={24} weight="fill" />

duotone

<FileArrowUp size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: office
Keywords: documentsfilessavewriteuploaddirectionalpointerpointingarrowheadofficeeditorfilearrowupupload iconsave icon

What does the file arrow up icon represent?: It signifies an action related to files and upward movement, typically for uploading or saving.
How do I use this icon in React?: Import it as `FileArrowUp` from '@phosphor-icons/react' and use it as a component: `<FileArrowUp />`.
What is the license for Phosphor icons?: Phosphor icons are distributed under the MIT license, allowing for free usage.

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

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →