Add icons to this collection by clicking the heart icon.
Drag icon - also known as user, arrows, directions, scroll, ui, drag, move, all directions, and drag racing. Created in a clean lineal color style with a white, gray, black, and teal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-50.555 50.555V15h-56.768v56.768h35.555l-50.555 50.555-50.555-50.555h35.555V15h-56.769v35.555L-244.646 0l50.554-50.555V-15h56.769v-56.769h-35.555l50.555-50.555 50.555 50.555h-35.555V-15h56.768v-35.555z"
transform="matrix(1.33333 0 0 -1.33333 672.667 509.568)"
fill="#8999aa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-98.5-97.5L-30-300l30-30Z"
transform="matrix(1.33333 0 0 -1.33333 352.667 10)"
fill="#b5eeff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-270h197l30-30V0Z"
transform="matrix(1.33333 0 0 -1.33333 10 10)"
fill="#e6f9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-105c28.995 0 52.5 23.505 52.5 52.5S28.995 0 0 0"
transform="translate(136 459.5)"
fill="#3870a1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 28.995-10.074 52.5-22.5 52.5C-51.495 52.5-75 28.995-75 0s23.505-52.5 52.5-52.5C-10.074-52.5 0-28.995 0 0"
transform="translate(158.5 407)"
fill="#3786b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 60-60h30C90-26.863 63.137 0 30 0Z"
transform="translate(144.5 324.5)"
fill="#3870a1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-33.14 0-60-26.86-60-60h167c0 33.137-26.863 60-60 60Z"
transform="translate(97.5 324.5)"
fill="#3786b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-210h197l60-60V60H0V30"
transform="translate(7.5 444.5)"
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 0c0-28.995 23.505-52.5 52.5-52.5S105-28.995 105 0 81.495 52.5 52.5 52.5 0 28.995 0 0Z"
transform="translate(83.5 407)"
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 0h77c33.137 0 60-26.863 60-60H-60C-60-26.863-33.137 0 0 0z"
transform="translate(97.5 324.5)"
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-50.555 50.555V15h-56.768v56.768h35.555l-50.555 50.555-50.555-50.555h35.555V15h-56.769v35.555L-244.646 0l50.554-50.555V-15h56.769v-56.769h-35.555l50.555-50.555 50.555 50.555h-35.555V-15h56.768v-35.555z"
transform="translate(504.5 129.824)"
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