The Phosphor tray arrow up icon depicts an arrow pointing upwards from a horizontal line, commonly used to represent actions like uploading, archiving, or moving items to an outbox.
Common uses
- Upload button
- Archive item action
- Move to outbox
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TrayArrowUp } from '@phosphor-icons/react';
<TrayArrowUp size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TrayArrowUp size={24} />thin
<TrayArrowUp size={24} weight="thin" />light
<TrayArrowUp size={24} weight="light" />bold
<TrayArrowUp size={24} weight="bold" />fill
<TrayArrowUp size={24} weight="fill" />duotone
<TrayArrowUp size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- *new*outboxarchivalunarchiveuploadeduploadingofficesystemtrayarrowupuploadarchivesystem up
FAQ
- What does the tray arrow up icon represent?
- It signifies actions related to moving items upwards, such as uploading files, archiving data, or sending items to an outbox.
- How do I use the tray arrow up icon in React?
- You can import and use it directly in your React components with: import { TrayArrowUp } from '@phosphor-icons/react'.
- What is the license for the Phosphor tray arrow up icon?
- The Phosphor icon library, including the tray arrow up icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →