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.
Tags
droparea
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
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" />