Add icons to this collection by clicking the heart icon.
Drag And Drop icon - also known as interface, move, drop, image, drag, graphic design, seo and web, and drag and drop. Created in a clean gradient 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1=".32"
x2="490.54"
y1="32.5"
y2="32.5"
>
<stop offset="0" stop-color="#7738c8" />
<stop offset="1" stop-color="#461d93" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
x1=".32"
x2="490.54"
y1="307.75"
y2="307.75"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1=".32"
x2="490.54"
y1="247.1"
y2="247.1"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-5"
x1=".32"
x2="490.54"
y1="177.9"
y2="177.9"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-6"
x1=".32"
x2="490.54"
y1="117.25"
y2="117.25"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-7"
x1=".32"
x2="490.54"
y1="108.5"
y2="108.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-11"
x1=".32"
x2="490.54"
y1="344.5"
y2="344.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-12"
x1=".32"
x2="490.54"
y1="264.5"
y2="264.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-13"
x1="0"
x2="490.22"
y1="256"
y2="256"
href="#linear-gradient"
/>
<path
d="m297.5 40h10a7.5 7.5 0 0 0 0-15h-10a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient)"
/>
<path
d="m337.5 40h10a7.5 7.5 0 0 0 0-15h-10a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient)"
/>
<path
d="m85 309h-10v-10a7.5 7.5 0 0 0 -15 0v17.5a7.5 7.5 0 0 0 7.5 7.5h17.5a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-3)"
/>
<path
d="m67.5 271.9a7.5 7.5 0 0 0 7.5-7.5v-34.6a7.5 7.5 0 0 0 -15 0v34.6a7.5 7.5 0 0 0 7.5 7.5z"
fill="url(#linear-gradient-4)"
/>
<path
d="m67.5 202.7a7.5 7.5 0 0 0 7.5-7.5v-34.6a7.5 7.5 0 0 0 -15 0v34.6a7.5 7.5 0 0 0 7.5 7.5z"
fill="url(#linear-gradient-5)"
/>
<path
d="m85 101h-17.5a7.5 7.5 0 0 0 -7.5 7.5v17.5a7.5 7.5 0 0 0 15 0v-10h10a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-6)"
/>
<g fill="url(#linear-gradient-7)">
<path
d="m181.43 116h32.14a7.5 7.5 0 0 0 0-15h-32.14a7.5 7.5 0 0 0 0 15z"
/>
<path
d="m156.79 108.5a7.5 7.5 0 0 0 -7.5-7.5h-32.15a7.5 7.5 0 1 0 0 15h32.15a7.5 7.5 0 0 0 7.5-7.5z"
/>
<path
d="m245.71 116h32.15a7.5 7.5 0 0 0 0-15h-32.15a7.5 7.5 0 0 0 0 15z"
/>
</g>
<path
d="m310 116h10v10a7.5 7.5 0 0 0 15 0v-17.5a7.5 7.5 0 0 0 -7.5-7.5h-17.5a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-6)"
/>
<path
d="m330.64 290.2a7.49 7.49 0 0 0 -12.28 0l-37.85 54.06-30.37-34.7a7.49 7.49 0 0 0 -11.28 0l-70 80a7.5 7.5 0 0 0 5.64 12.44h220a7.5 7.5 0 0 0 6.14-11.8zm-139.64 96.8 53.47-61.11 27.15 31-6.62 9.51a7.5 7.5 0 1 0 12.3 8.6l47.2-67.42 55.59 79.42z"
fill="url(#linear-gradient-11)"
/>
<path
d="m194.5 292a27.5 27.5 0 1 0 -27.5-27.5 27.54 27.54 0 0 0 27.5 27.5zm0-40a12.5 12.5 0 1 1 -12.5 12.5 12.52 12.52 0 0 1 12.5-12.5z"
fill="url(#linear-gradient-12)"
/>
<path
d="m509.8 479.2-28.16-28.2 22.48-9.64a7.5 7.5 0 0 0 -1.27-14.2l-60.85-14v-188.66a27.54 27.54 0 0 0 -27.5-27.5h-19.5v-189.5a7.5 7.5 0 0 0 -7.5-7.5h-380a7.5 7.5 0 0 0 -7.5 7.5v360a7.5 7.5 0 0 0 7.5 7.5h119.5v39.5a27.54 27.54 0 0 0 27.5 27.5h258.65l14 60.85a7.5 7.5 0 0 0 14.2 1.27l9.65-22.48 28.2 28.16a7.48 7.48 0 0 0 10.6 0l20-20a7.49 7.49 0 0 0 0-10.6zm-129.8-464.2v35h-365v-35zm-253 209.5v84.5h-9.86a7.5 7.5 0 1 0 0 15h9.86v36h-112v-295h365v132h-45.23a7.16 7.16 0 0 0 .23-1.8v-34.6a7.5 7.5 0 0 0 -15 0v34.6a7.16 7.16 0 0 0 .23 1.8h-165.73a27.54 27.54 0 0 0 -27.5 27.5zm27.5 202.5a12.52 12.52 0 0 1 -12.5-12.5v-190a12.52 12.52 0 0 1 12.5-12.5h260a12.52 12.52 0 0 1 12.5 12.5v185.19l-10.81-2.5a7.51 7.51 0 0 0 -9 9l2.5 10.81zm330 66.89-30.7-30.69a7.5 7.5 0 0 0 -5.3-2.2 6.84 6.84 0 0 0 -1.42.14 7.49 7.49 0 0 0 -5.47 4.41l-5 11.57-12.14-52.61 52.61 12.14-11.57 5a7.49 7.49 0 0 0 -2.35 12.19l30.69 30.7z"
fill="url(#linear-gradient-13)"
/>
</svg>
More icons in the same style and category