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 color 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 0v-311.5c0-6.63-5.37-12-12-12h-472.84c-6.63 0-12 5.37-12 12V0l29.348 19.705 423.651 9.475z"
transform="translate(504.42 388.57)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-6.63 0-12 5.37-12 12v311.5l13.825 19.704L-12 323.5V12C-12 5.37-6.63 0 0 0"
transform="translate(44.58 65.07)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-46.36h-496.84V0c0 6.62 5.37 12 12 12H-12C-5.37 12 0 6.62 0 0"
transform="translate(504.42 434.93)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.63 0-12-5.38-12-12v-46.36h-25V-12c0 6.62 5.37 12 12 12z"
transform="translate(44.58 446.93)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-103.91c0-2.21-1.79-4-4-4h-129.07c-2.21 0-4 1.79-4 4V0c0 2.2 1.79 4 4 4H-4c2.21 0 4-1.8 4-4"
transform="translate(389.547 257.21)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-2.21 0-4 1.79-4 4v103.91c0 2.2 1.79 4 4 4H0c-2.21 0-4-1.8-4-4V4c0-2.21 1.79-4 4-4"
transform="translate(281.477 149.3)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-41.13c0-2.21-1.79-4-4-4h-129.07c-2.21 0-4 1.79-4 4v28.48l57.49 40.79c1.09.77 2.479.95 3.729.48z"
transform="translate(389.547 194.43)"
fill="#c9f6b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-24.37-18.04c-1.2-.88-1.8-2.36-1.58-3.82l4.62-29.98c.56-3.66-3.74-6.06-6.56-3.64L-101.13 7.2c-2.93 2.51-.95 7.31 2.9 7.03l96.14-7.02C1.61 6.94 2.98 2.21 0 0"
transform="translate(457.647 195.61)"
fill="#fd9aa0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-2.21 0-4 1.79-4 4v28.48l25 17.74V4c0-2.21 1.79-4 4-4"
transform="translate(281.477 149.3)"
fill="#9be69d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-73.24 62.68c-2.93 2.51-.95 7.31 2.9 7.03l21.52-1.57c-1.17-1.56-1.201-3.93.58-5.46L4.4 17.63 6.56 3.64C7.12-.02 2.82-2.42 0 0"
transform="translate(429.754 140.127)"
fill="#fd8087"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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