Add icons to this collection by clicking the heart icon.
Drag And Drop icon - also known as layout, content, web browser, seo and web, user interface, and drag and drop. Created in a clean blue style with a white, silver, and blue finish, 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 300 300"
>
<circle cx="222.328" cy="54.219" r="4.276" fill="#2e58ff" />
<path
fill="#fff"
d="M262 176.875v71.572a5.38 5.38 0 0 1-5.381 5.381H43.381A5.38 5.38 0 0 1 38 248.447V105.828h224v56.107"
/>
<path
fill="#2e58ff"
d="M256.617 257.828H43.383c-5.172 0-9.383-4.211-9.383-9.383V105.828c0-2.211 1.789-4 4-4h224c2.211 0 4 1.789 4 4v56.105c0 2.211-1.789 4-4 4s-4-1.789-4-4v-52.105H42v138.617c0 .762.621 1.383 1.383 1.383h213.234c.762 0 1.383-.621 1.383-1.383v-71.57c0-2.211 1.789-4 4-4s4 1.789 4 4v71.57c0 5.172-4.211 9.383-9.383 9.383z"
/>
<path
fill="#cceaff"
d="M38 113.828V98.312c0-2.477 2.409-4.484 5.381-4.484h213.238c2.972 0 5.381 2.008 5.381 4.484v15.516"
/>
<path
fill="#2e58ff"
d="M262 117.828c-2.211 0-4-1.789-4-4V98.312c-.059-.094-.562-.484-1.383-.484H43.383c-.82 0-1.324.391-1.395.551L42 113.828c0 2.211-1.789 4-4 4s-4-1.789-4-4V98.312c0-4.68 4.211-8.484 9.383-8.484h213.234c5.172 0 9.383 3.805 9.383 8.484v15.516c0 2.211-1.789 4-4 4z"
/>
<g fill="#2e58ff">
<circle cx="54" cy="105.828" r="4" />
<circle cx="66" cy="105.828" r="4" />
<circle cx="78" cy="105.828" r="4" />
<path
d="M83.656 61.484a3.988 3.988 0 0 1-2.828-1.172L69.516 49a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M72.344 61.484a4 4 0 0 1-2.828-6.828l11.312-11.312A4 4 0 1 1 86.484 49L75.172 60.312a3.984 3.984 0 0 1-2.828 1.172z"
/>
</g>
<circle cx="162" cy="57.828" r="8" fill="#fff" />
<path
fill="#2e58ff"
d="M162 69.828c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.207 0-4 1.793-4 4s1.793 4 4 4 4-1.793 4-4-1.793-4-4-4z"
/>
<circle cx="110.328" cy="74.219" r="4.276" fill="#2e58ff" />
<path fill="#cceaff" d="M74 161.828h152v72H74z" />
<g fill="#2e58ff">
<path
d="M226 173.828c-2.211 0-4-1.789-4-4v-4h-4c-2.211 0-4-1.789-4-4s1.789-4 4-4h8c2.211 0 4 1.789 4 4v8c0 2.211-1.789 4-4 4zM202.891 165.828h-15.109c-2.211 0-4-1.789-4-4s1.789-4 4-4h15.109c2.211 0 4 1.789 4 4s-1.789 4-4 4zm-30.223 0h-15.109c-2.211 0-4-1.789-4-4s1.789-4 4-4h15.109c2.211 0 4 1.789 4 4s-1.789 4-4 4zm-30.223 0h-15.109c-2.211 0-4-1.789-4-4s1.789-4 4-4h15.109c2.211 0 4 1.789 4 4s-1.789 4-4 4zm-30.222 0h-15.11c-2.211 0-4-1.789-4-4s1.789-4 4-4h15.109c2.211 0 4 1.789 4 4s-1.788 4-3.999 4zM74 173.828c-2.211 0-4-1.789-4-4v-8c0-2.211 1.789-4 4-4h8c2.211 0 4 1.789 4 4s-1.789 4-4 4h-4v4c0 2.211-1.789 4-4 4zM74 211.164c-2.211 0-4-1.789-4-4v-18.668c0-2.211 1.789-4 4-4s4 1.789 4 4v18.668c0 2.211-1.789 4-4 4zM82 237.828h-8c-2.211 0-4-1.789-4-4v-8c0-2.211 1.789-4 4-4s4 1.789 4 4v4h4c2.211 0 4 1.789 4 4s-1.789 4-4 4zM202.887 237.828h-15.109c-2.211 0-4-1.789-4-4s1.789-4 4-4h15.109c2.211 0 4 1.789 4 4s-1.789 4-4 4zm-30.223 0h-15.109c-2.211 0-4-1.789-4-4s1.789-4 4-4h15.109c2.211 0 4 1.789 4 4s-1.789 4-4 4zm-30.223 0h-15.109c-2.211 0-4-1.789-4-4s1.789-4 4-4h15.109c2.211 0 4 1.789 4 4s-1.789 4-4 4zm-30.222 0h-15.11c-2.211 0-4-1.789-4-4s1.789-4 4-4h15.109c2.211 0 4 1.789 4 4s-1.788 4-3.999 4zM226 237.828h-8c-2.211 0-4-1.789-4-4s1.789-4 4-4h4v-4c0-2.211 1.789-4 4-4s4 1.789 4 4v8c0 2.211-1.789 4-4 4zM226 211.16c-2.211 0-4-1.789-4-4v-18.668c0-2.211 1.789-4 4-4s4 1.789 4 4v18.668c0 2.211-1.789 4-4 4z"
/>
</g>
<path
fill="#2e58ff"
d="M150 217.828c-2.211 0-4-1.789-4-4v-28c0-2.211 1.789-4 4-4s4 1.789 4 4v28c0 2.211-1.789 4-4 4z"
/>
<path
fill="#2e58ff"
d="M162 197.828a3.988 3.988 0 0 1-2.828-1.172L150 187.484l-9.172 9.172a4 4 0 1 1-5.656-5.656l12-12a4 4 0 0 1 5.656 0l12 12a4 4 0 0 1-2.828 6.828z"
/>
<path fill="#92ceff" d="M54 125.828h56v20H54z" />
<path
fill="#2e58ff"
d="M110 149.828H54c-2.211 0-4-1.789-4-4v-20c0-2.211 1.789-4 4-4h56c2.211 0 4 1.789 4 4v20c0 2.211-1.789 4-4 4zm-52-8h48v-12H58z"
/>
<path fill="#92ceff" d="M186 125.828h56v20h-56z" />
<path
fill="#2e58ff"
d="M242 149.828h-56c-2.211 0-4-1.789-4-4v-20c0-2.211 1.789-4 4-4h56c2.211 0 4 1.789 4 4v20c0 2.211-1.789 4-4 4zm-52-8h48v-12h-48z"
/>
<path fill="#92ceff" d="M126 125.828h44v20h-44z" />
<path
fill="#2e58ff"
d="M170 149.828h-44c-2.211 0-4-1.789-4-4v-20c0-2.211 1.789-4 4-4h44c2.211 0 4 1.789 4 4v20c0 2.211-1.789 4-4 4zm-40-8h36v-12h-36z"
/>
</svg>
More icons in the same style and category