108 new icons just landed: the full A to Z alphabet. See what's new →
Pixelarticons

Drop Area Pixel Art Icon

A drop-area icon for file upload drop zones, drag-target regions, and droppable container highlights in file and canvas UIs.

Arrows Pro 1 variant

Tags

droparea

Style variants

base

Outline · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

This is a Pro icon.

Get it with all 4431 pixel art icons: every style, full SVG source, one-time license.

Whole team? Team Unlimited covers everyone.

Get Pro

About the Drop Area icon

An icon representing a designated area where dragged items can be released. It marks upload zones, drag-target regions in canvas applications, and droppable containers in drag-and-drop builders. Use it as the visual fill or label of a dashed-border drop zone to confirm that the region accepts dropped content. For the draggable handle on the item being moved, drag-and-drop is the complementary icon.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/drop-area.svg" width="24" height="24" alt="Drop Area" />

<!-- React -->
import { DropArea } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="drop-area.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons