{
 "name": "drag-drop",
 "title": "Drag drop",
 "component": "DragDropIcon",
 "url": "https://gentleface.com/icons/drag-drop",
 "category": "layout",
 "motif": "drag-drop",
 "added": "2026-10-15",
 "history": [
  {
   "date": "2026-10-15",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "8cdd9f409433",
 "use_for": [
  "drag and drop",
  "drop zone",
  "drag drop",
  "drop area"
 ],
 "alternatives": [
  {
   "icon": "move",
   "why": "drag an object around a canvas (move)",
   "concept": "drag-and-drop"
  },
  {
   "icon": "grip-vertical",
   "why": "the handle you grab to reorder a row (drag-handle)",
   "concept": "drag-and-drop"
  },
  {
   "icon": "upload",
   "why": "a plain upload button (upload)",
   "concept": "drag-and-drop"
  }
 ],
 "also_fits": [
  {
   "concept": "move",
   "owner": "move",
   "why": "drag and drop as a feature or a drop target (drag-and-drop)"
  },
  {
   "concept": "drop",
   "owner": "droplet",
   "why": "drag and drop, or a drop zone"
  }
 ],
 "family": [],
 "tags": [
  "drag",
  "drop",
  "drag-and-drop",
  "drop-zone",
  "move",
  "pointer",
  "cursor",
  "item",
  "reorder",
  "upload-area"
 ],
 "size": 16,
 "styles": [
  "line-round",
  "line-soft",
  "line-sharp",
  "solid-round",
  "solid-soft",
  "solid-sharp"
 ],
 "default_style": "line-round",
 "svg": {
  "line-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1.144 1.144C1.241 1.048 1.359 1 1.5 1L2.5 1C2.641 1 2.759 1.048 2.856 1.144C2.952 1.241 3 1.359 3 1.5C3 1.641 2.952 1.759 2.856 1.856C2.759 1.952 2.641 2 2.5 2L2 2L2 2.5C2 2.641 1.952 2.759 1.856 2.856C1.759 2.952 1.641 3 1.5 3C1.359 3 1.241 2.952 1.144 2.856C1.048 2.759 1 2.641 1 2.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144ZM5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5C6 1.641 5.952 1.759 5.856 1.856C5.759 1.952 5.641 2 5.5 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L5.5 1ZM7.144 1.856C7.048 1.759 7 1.641 7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1L8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5C9 1.641 8.952 1.759 8.856 1.856C8.759 1.952 8.641 2 8.5 2L7.5 2C7.359 2 7.241 1.952 7.144 1.856ZM4 3L11 3C11.276 3 11.512 3.098 11.707 3.293C11.902 3.488 12 3.724 12 4L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7C11.359 7 11.241 6.952 11.144 6.856C11.048 6.759 11 6.641 11 6.5L11 4L4 4L4 11L6.5 11C6.641 11 6.759 11.048 6.856 11.144C6.952 11.241 7 11.359 7 11.5C7 11.641 6.952 11.759 6.856 11.856C6.759 11.952 6.641 12 6.5 12L4 12C3.724 12 3.488 11.902 3.293 11.707C3.098 11.512 3 11.276 3 11L3 4C3 3.724 3.098 3.488 3.293 3.293C3.488 3.098 3.724 3 4 3ZM2 5.5C2 5.641 1.952 5.759 1.856 5.856C1.759 5.952 1.641 6 1.5 6C1.359 6 1.241 5.952 1.144 5.856C1.048 5.759 1 5.641 1 5.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.641 4 1.759 4.048 1.856 4.144C1.952 4.241 2 4.359 2 4.5L2 5.5ZM14.856 11.856C14.759 11.952 14.641 12 14.5 12L12.5 12C12.246 12 12.002 12.049 11.767 12.146C11.533 12.243 11.326 12.381 11.146 12.561L8.854 14.854C8.756 14.951 8.638 15 8.5 15C8.359 15 8.241 14.952 8.144 14.856C8.048 14.759 8 14.641 8 14.5L8 7.5C8 7.399 8.028 7.307 8.084 7.223C8.162 7.105 8.268 7.033 8.401 7.007C8.535 6.98 8.66 7.006 8.777 7.084L14.777 11.084C14.926 11.183 15 11.322 15 11.5C15 11.641 14.952 11.759 14.856 11.856ZM1.144 7.144C1.241 7.048 1.359 7 1.5 7C1.641 7 1.759 7.048 1.856 7.144C1.952 7.241 2 7.359 2 7.5L2 8.5C2 8.641 1.952 8.759 1.856 8.856C1.759 8.952 1.641 9 1.5 9C1.359 9 1.241 8.952 1.144 8.856C1.048 8.759 1 8.641 1 8.5L1 7.5C1 7.359 1.048 7.241 1.144 7.144ZM12.5 11L12.849 11L9 8.434L9 13.293L10.439 11.854C10.713 11.58 11.028 11.37 11.385 11.222C11.742 11.074 12.114 11 12.5 11Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1.144 1.144C1.241 1.048 1.359 1 1.5 1L2.5 1C2.641 1 2.759 1.048 2.856 1.144C2.952 1.241 3 1.359 3 1.5C3 1.641 2.952 1.759 2.856 1.856C2.759 1.952 2.641 2 2.5 2L2 2L2 2.5C2 2.641 1.952 2.759 1.856 2.856C1.759 2.952 1.641 3 1.5 3C1.359 3 1.241 2.952 1.144 2.856C1.048 2.759 1 2.641 1 2.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144ZM5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5C6 1.641 5.952 1.759 5.856 1.856C5.759 1.952 5.641 2 5.5 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L5.5 1ZM7.144 1.856C7.048 1.759 7 1.641 7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1L8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5C9 1.641 8.952 1.759 8.856 1.856C8.759 1.952 8.641 2 8.5 2L7.5 2C7.359 2 7.241 1.952 7.144 1.856ZM3.5 3L11.5 3C11.641 3 11.759 3.048 11.856 3.144C11.952 3.241 12 3.359 12 3.5L12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7C11.359 7 11.241 6.952 11.144 6.856C11.048 6.759 11 6.641 11 6.5L11 4L4 4L4 11L6.5 11C6.641 11 6.759 11.048 6.856 11.144C6.952 11.241 7 11.359 7 11.5C7 11.641 6.952 11.759 6.856 11.856C6.759 11.952 6.641 12 6.5 12L3.5 12C3.359 12 3.241 11.952 3.144 11.856C3.048 11.759 3 11.641 3 11.5L3 3.5C3 3.359 3.048 3.241 3.144 3.144C3.241 3.048 3.359 3 3.5 3ZM2 5.5C2 5.641 1.952 5.759 1.856 5.856C1.759 5.952 1.641 6 1.5 6C1.359 6 1.241 5.952 1.144 5.856C1.048 5.759 1 5.641 1 5.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.641 4 1.759 4.048 1.856 4.144C1.952 4.241 2 4.359 2 4.5L2 5.5ZM14.856 11.856C14.759 11.952 14.641 12 14.5 12L12.5 12C12.246 12 12.002 12.049 11.767 12.146C11.533 12.243 11.326 12.381 11.146 12.561L8.854 14.854C8.756 14.951 8.638 15 8.5 15C8.359 15 8.241 14.952 8.144 14.856C8.048 14.759 8 14.641 8 14.5L8 7.5C8 7.399 8.028 7.307 8.084 7.223C8.162 7.105 8.268 7.033 8.401 7.007C8.535 6.98 8.66 7.006 8.777 7.084L14.777 11.084C14.926 11.183 15 11.322 15 11.5C15 11.641 14.952 11.759 14.856 11.856ZM1.144 7.144C1.241 7.048 1.359 7 1.5 7C1.641 7 1.759 7.048 1.856 7.144C1.952 7.241 2 7.359 2 7.5L2 8.5C2 8.641 1.952 8.759 1.856 8.856C1.759 8.952 1.641 9 1.5 9C1.359 9 1.241 8.952 1.144 8.856C1.048 8.759 1 8.641 1 8.5L1 7.5C1 7.359 1.048 7.241 1.144 7.144ZM12.5 11L12.849 11L9 8.434L9 13.293L10.439 11.854C10.713 11.58 11.028 11.37 11.385 11.222C11.742 11.074 12.114 11 12.5 11Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3 2L2 2L2 3L1 3L1 1L3 1L3 2ZM6 1L6 2L4 2L4 1L6 1ZM9 1L9 2L7 2L7 1L9 1ZM12 3L12 7L11 7L11 4L4 4L4 11L7 11L7 12L3 12L3 3L12 3ZM1 4L2 4L2 6L1 6L1 4ZM15 12L12.5 12C12.246 12 12.002 12.049 11.767 12.146C11.533 12.243 11.326 12.381 11.146 12.561L8.707 15L8 15L8 6.566L15 11.232L15 12ZM1 7L2 7L2 9L1 9L1 7ZM10.439 11.854C10.713 11.58 11.028 11.37 11.385 11.222C11.742 11.074 12.114 11 12.5 11L12.849 11L9 8.434L9 13.293L10.439 11.854Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3 1.5C3 1.641 2.952 1.759 2.856 1.856C2.759 1.952 2.641 2 2.5 2L2 2L2 2.5C2 2.641 1.952 2.759 1.856 2.856C1.759 2.952 1.641 3 1.5 3C1.359 3 1.241 2.952 1.144 2.856C1.048 2.759 1 2.641 1 2.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L2.5 1C2.641 1 2.759 1.048 2.856 1.144C2.952 1.241 3 1.359 3 1.5ZM4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5C6 1.641 5.952 1.759 5.856 1.856C5.759 1.952 5.641 2 5.5 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5ZM8.856 1.144C8.952 1.241 9 1.359 9 1.5C9 1.641 8.952 1.759 8.856 1.856C8.759 1.952 8.641 2 8.5 2L7.5 2C7.359 2 7.241 1.952 7.144 1.856C7.048 1.759 7 1.641 7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1L8.5 1C8.641 1 8.759 1.048 8.856 1.144ZM9.332 6.252C8.985 6.021 8.609 5.945 8.205 6.026C7.801 6.107 7.483 6.321 7.252 6.668C7.084 6.92 7 7.197 7 7.5L7 12L4 12C3.724 12 3.488 11.902 3.293 11.707C3.098 11.512 3 11.276 3 11L3 4C3 3.724 3.098 3.488 3.293 3.293C3.488 3.098 3.724 3 4 3L11 3C11.276 3 11.512 3.098 11.707 3.293C11.902 3.488 12 3.724 12 4L12 8.031L9.332 6.252ZM1.5 4C1.641 4 1.759 4.048 1.856 4.144C1.952 4.241 2 4.359 2 4.5L2 5.5C2 5.641 1.952 5.759 1.856 5.856C1.759 5.952 1.641 6 1.5 6C1.359 6 1.241 5.952 1.144 5.856C1.048 5.759 1 5.641 1 5.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4ZM8.084 7.223C8.162 7.105 8.268 7.033 8.401 7.007C8.535 6.98 8.66 7.006 8.777 7.084L14.777 11.084C14.926 11.183 15 11.322 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L12.5 12C12.246 12 12.002 12.049 11.767 12.146C11.533 12.243 11.326 12.381 11.146 12.561L8.854 14.854C8.756 14.951 8.638 15 8.5 15C8.359 15 8.241 14.952 8.144 14.856C8.048 14.759 8 14.641 8 14.5L8 7.5C8 7.399 8.028 7.307 8.084 7.223ZM1.856 8.856C1.759 8.952 1.641 9 1.5 9C1.359 9 1.241 8.952 1.144 8.856C1.048 8.759 1 8.641 1 8.5L1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7C1.641 7 1.759 7.048 1.856 7.144C1.952 7.241 2 7.359 2 7.5L2 8.5C2 8.641 1.952 8.759 1.856 8.856Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3 1.5C3 1.641 2.952 1.759 2.856 1.856C2.759 1.952 2.641 2 2.5 2L2 2L2 2.5C2 2.641 1.952 2.759 1.856 2.856C1.759 2.952 1.641 3 1.5 3C1.359 3 1.241 2.952 1.144 2.856C1.048 2.759 1 2.641 1 2.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L2.5 1C2.641 1 2.759 1.048 2.856 1.144C2.952 1.241 3 1.359 3 1.5ZM4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5C6 1.641 5.952 1.759 5.856 1.856C5.759 1.952 5.641 2 5.5 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5ZM8.856 1.144C8.952 1.241 9 1.359 9 1.5C9 1.641 8.952 1.759 8.856 1.856C8.759 1.952 8.641 2 8.5 2L7.5 2C7.359 2 7.241 1.952 7.144 1.856C7.048 1.759 7 1.641 7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1L8.5 1C8.641 1 8.759 1.048 8.856 1.144ZM11.856 3.144C11.952 3.241 12 3.359 12 3.5L12 8.031L9.332 6.252C8.985 6.021 8.609 5.945 8.205 6.026C7.801 6.107 7.483 6.321 7.252 6.668C7.084 6.92 7 7.197 7 7.5L7 12L3.5 12C3.359 12 3.241 11.952 3.144 11.856C3.048 11.759 3 11.641 3 11.5L3 3.5C3 3.359 3.048 3.241 3.144 3.144C3.241 3.048 3.359 3 3.5 3L11.5 3C11.641 3 11.759 3.048 11.856 3.144ZM1.5 4C1.641 4 1.759 4.048 1.856 4.144C1.952 4.241 2 4.359 2 4.5L2 5.5C2 5.641 1.952 5.759 1.856 5.856C1.759 5.952 1.641 6 1.5 6C1.359 6 1.241 5.952 1.144 5.856C1.048 5.759 1 5.641 1 5.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4ZM8.084 7.223C8.162 7.105 8.268 7.033 8.401 7.007C8.535 6.98 8.66 7.006 8.777 7.084L14.777 11.084C14.926 11.183 15 11.322 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L12.5 12C12.246 12 12.002 12.049 11.767 12.146C11.533 12.243 11.326 12.381 11.146 12.561L8.854 14.854C8.756 14.951 8.638 15 8.5 15C8.359 15 8.241 14.952 8.144 14.856C8.048 14.759 8 14.641 8 14.5L8 7.5C8 7.399 8.028 7.307 8.084 7.223ZM1.856 8.856C1.759 8.952 1.641 9 1.5 9C1.359 9 1.241 8.952 1.144 8.856C1.048 8.759 1 8.641 1 8.5L1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7C1.641 7 1.759 7.048 1.856 7.144C1.952 7.241 2 7.359 2 7.5L2 8.5C2 8.641 1.952 8.759 1.856 8.856Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3 1L3 2L2 2L2 3L1 3L1 1L3 1ZM6 2L4 2L4 1L6 1L6 2ZM9 2L7 2L7 1L9 1L9 2ZM12 3L12 8.031L7 4.697L7 12L3 12L3 3L12 3ZM2 4L2 6L1 6L1 4L2 4ZM15 12L12.5 12C12.246 12 12.002 12.049 11.767 12.146C11.533 12.243 11.326 12.381 11.146 12.561L8.707 15L8 15L8 6.566L15 11.232L15 12ZM2 7L2 9L1 9L1 7L2 7Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/drag-drop.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/drag-drop.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/drag-drop.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/drag-drop.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/drag-drop.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/drag-drop.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/drag-drop.png",
   "32": "https://gentleface.com/png/line-round/32/drag-drop.png",
   "48": "https://gentleface.com/png/line-round/48/drag-drop.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/drag-drop.png",
   "32": "https://gentleface.com/png/line-soft/32/drag-drop.png",
   "48": "https://gentleface.com/png/line-soft/48/drag-drop.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/drag-drop.png",
   "32": "https://gentleface.com/png/line-sharp/32/drag-drop.png",
   "48": "https://gentleface.com/png/line-sharp/48/drag-drop.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/drag-drop.png",
   "32": "https://gentleface.com/png/solid-round/32/drag-drop.png",
   "48": "https://gentleface.com/png/solid-round/48/drag-drop.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/drag-drop.png",
   "32": "https://gentleface.com/png/solid-soft/32/drag-drop.png",
   "48": "https://gentleface.com/png/solid-soft/48/drag-drop.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/drag-drop.png",
   "32": "https://gentleface.com/png/solid-sharp/32/drag-drop.png",
   "48": "https://gentleface.com/png/solid-sharp/48/drag-drop.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}