Upload icon

filesinterfacealso known as import, attach file, send file
Colors byColorchord

Tap an icon to copy its SVG · copies stay currentColor at 24px — the swatches only tint the preview.

When to use it

Download's mirror: the arrow leaving the tray upward. Keep the pair visually matched in your UI, and if the upload is a dropzone, pair the icon with explicit 'drag or browse' copy rather than letting it carry the meaning alone. During transfer, swap to a progress indicator — a static upload icon over a moving process feels stalled. Heroicons names it arrow-up-tray.

Every set here is open-licensed for commercial use with no attribution required in your product — the notices their licenses do require live on our set pages. No accounts, no download walls.

Related icons