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 lineal color style with a white, silver, gray, and maroon 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="224.328" cy="54.391" r="4.276" fill="#4c241d" />
<circle cx="116" cy="126" r="84" fill="#edebdc" />
<path
fill="#fff"
d="M258.619 254H45.381A5.38 5.38 0 0 1 40 248.619V106h224v142.619a5.38 5.38 0 0 1-5.381 5.381z"
/>
<path
fill="#4c241d"
d="M258.617 258H45.383c-5.172 0-9.383-4.211-9.383-9.383V106c0-2.211 1.789-4 4-4h224c2.211 0 4 1.789 4 4v142.617c0 5.172-4.211 9.383-9.383 9.383zM44 110v138.617c0 .762.621 1.383 1.383 1.383h213.234c.762 0 1.383-.621 1.383-1.383V110z"
/>
<path
fill="#9dc1e4"
d="M40 114V98.484C40 96.008 42.409 94 45.381 94h213.238c2.972 0 5.381 2.008 5.381 4.484V114"
/>
<path
fill="#4c241d"
d="M264 118c-2.211 0-4-1.789-4-4V98.484c-.059-.094-.562-.484-1.383-.484H45.383c-.82 0-1.324.391-1.395.551L44 114c0 2.211-1.789 4-4 4s-4-1.789-4-4V98.484C36 93.805 40.211 90 45.383 90h213.234c5.172 0 9.383 3.805 9.383 8.484V114c0 2.211-1.789 4-4 4z"
/>
<g fill="#4c241d">
<circle cx="56" cy="106" r="4" />
<circle cx="68" cy="106" r="4" />
<circle cx="80" cy="106" r="4" />
<path
d="M85.656 61.656a3.988 3.988 0 0 1-2.828-1.172L71.516 49.172a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M74.344 61.656a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656L77.172 60.484a3.984 3.984 0 0 1-2.828 1.172z"
/>
</g>
<circle cx="164" cy="58" r="8" fill="#fff" />
<path
fill="#4c241d"
d="M164 70c-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="112.328" cy="74.391" r="4.276" fill="#4c241d" />
<path fill="#e2e2e2" d="M76 162h152v72H76z" />
<g fill="#4c241d">
<path
d="M228 174c-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 4zM204.891 166h-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 4zM76 174c-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 4zM76 211.336c-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 4zM84 238h-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 4zM204.887 238h-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 4zM228 238h-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 4zM228 211.332c-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="#4c241d"
d="M152 218c-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="#4c241d"
d="M164 198a3.988 3.988 0 0 1-2.828-1.172L152 187.656l-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 164 198z"
/>
<path fill="#bd53b5" d="M56 126h56v20H56z" />
<path
fill="#4c241d"
d="M112 150H56c-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-12H60z"
/>
<path fill="#a9ba5a" d="M188 126h56v20h-56z" />
<path
fill="#4c241d"
d="M244 150h-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="#bf7e68" d="M128 126h44v20h-44z" />
<path
fill="#4c241d"
d="M172 150h-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