Arrow Up Box Pixel Art Icon
An upward arrow inside a box, for upload, send to server, or move-to-top-panel actions in file and content management UIs.
Tags
arrowupupwardtopaboveboxpackagecontainer
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Arrow Up Box icon
An upward arrow enclosed in a square, suggesting movement of content into a destination above or a transfer upward into a container. Use it on upload buttons where the file goes to a server, on 'move to top section' controls, or on 'send to parent folder' actions. The box reinforces that there is a specific destination rather than open-ended scrolling. For downloads or inbound transfers, arrow-down-box is the natural counterpart.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/arrow-up-box.svg" width="24" height="24" alt="Arrow Up Box" />
<!-- React -->
import { ArrowUpBox } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="arrow-up-box.svg" width="48" height="48" style="image-rendering: pixelated" />