Add icons to this collection by clicking the heart icon.
Drag And Drop icon - also known as interface, web design, window, graphic design, browser, image, drag, move, seo and web, edit tools, and drag and drop. Created in a clean lineal style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-16.66c-6.63 0-12 5.37-12 12v357.86c0 6.63 5.37 12 12 12h472.84c6.63 0 12-5.37 12-12v-69.71"
transform="translate(36.24 65.07)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-253.15c0-6.63-5.37-12-12-12h-421.18"
transform="translate(504.42 330.22)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-496.84"
transform="translate(504.42 388.57)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h262.87"
transform="translate(50.57 417.75)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h3.392"
transform="translate(458.038 417.75)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h3.392"
transform="translate(429.647 417.75)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h3.391"
transform="translate(401.256 417.75)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-9.5a2 2 0 0 0-2-2h-10.5"
transform="translate(220.716 184.992)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-96.344"
transform="translate(177.791 173.492)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="25.354,30.424"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h-10.5a2 2 0 0 0-2 2v9.5"
transform="translate(66.235 173.492)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v78.713"
transform="translate(53.735 210.849)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="20.714,24.857"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v9.5a2 2 0 0 0 2 2h10.5"
transform="translate(53.735 302.99)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h96.344"
transform="translate(96.66 314.49)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="25.354,30.424"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h10.5a2 2 0 0 0 2-2v-9.5"
transform="translate(208.216 314.49)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-69.746"
transform="translate(220.716 277.133)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="20.714,24.857"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="m0 0 73.239-62.683c2.819-2.413 7.118-.02 6.554 3.648l-4.614 29.973a4 4 0 0 0 1.573 3.824l24.374 18.045c2.982 2.207 1.611 6.934-2.089 7.204L2.893 7.028C-.958 7.31-2.934 2.511 0 0Z"
transform="translate(355.514 202.808)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-21.24c0-2.21-1.79-4-4-4h-129.07c-2.21 0-4 1.79-4 4V82.67c0 2.2 1.79 4 4 4H-4c2.21 0 4-1.8 4-4V33.1"
transform="translate(388.54 174.54)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 57.5 40.8c1.09.77 2.48.95 3.73.48l41.71-15.74"
transform="translate(251.46 181.77)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-51.839"
transform="translate(137.533 269.91)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-51.839"
transform="translate(163.144 244.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category