drag click icon
drag-click-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- drag-click-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- drag-click-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the drag click icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.02q-1.583 0-2.878-.9q-1.295-.899-1.828-2.409q-.073-.177.029-.353q.102-.177.285-.25q.201-.08.393.016q.191.095.276.309q.448 1.167 1.465 1.877t2.258.71q1.65 0 2.825-1.176T16 12.02q0-1.26-.712-2.274q-.713-1.014-1.9-1.462q-.207-.085-.29-.286t-.004-.384t.244-.275t.34-.019q1.499.533 2.41 1.828Q17 10.443 17 12.02q0 2.077-1.461 3.539T12 17.019m0 4q-3.68 0-6.312-2.569t-2.694-6.22q-.006-.207.141-.353q.148-.146.361-.152t.368.138t.167.362q.092 3.158 2.457 5.476T12 20.019q3.35 0 5.675-2.325T20 12.02q0-3.279-2.277-5.609T12.2 4.03q-.22-.01-.363-.172t-.137-.375t.152-.354q.146-.14.354-.135q1.815.029 3.416.754t2.793 1.953t1.889 2.856t.696 3.462q0 1.864-.71 3.506q-.711 1.642-1.926 2.858q-1.216 1.215-2.858 1.926t-3.506.71m-1.18-9.211L6.538 7.514l-.52 1.582q-.105.293-.398.29q-.292-.003-.379-.295L3.794 4.266q-.061-.224.113-.398t.397-.112l4.825 1.448q.292.087.295.379t-.29.398L7.553 6.5l4.3 4.28q.214.214.214.514t-.214.514t-.517.213q-.302 0-.516-.213"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightDragClickRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.02q-1.583 0-2.878-.9q-1.295-.899-1.828-2.409q-.073-.177.029-.353q.102-.177.285-.25q.201-.08.393.016q.191.095.276.309q.448 1.167 1.465 1.877t2.258.71q1.65 0 2.825-1.176T16 12.02q0-1.26-.712-2.274q-.713-1.014-1.9-1.462q-.207-.085-.29-.286t-.004-.384t.244-.275t.34-.019q1.499.533 2.41 1.828Q17 10.443 17 12.02q0 2.077-1.461 3.539T12 17.019m0 4q-3.68 0-6.312-2.569t-2.694-6.22q-.006-.207.141-.353q.148-.146.361-.152t.368.138t.167.362q.092 3.158 2.457 5.476T12 20.019q3.35 0 5.675-2.325T20 12.02q0-3.279-2.277-5.609T12.2 4.03q-.22-.01-.363-.172t-.137-.375t.152-.354q.146-.14.354-.135q1.815.029 3.416.754t2.793 1.953t1.889 2.856t.696 3.462q0 1.864-.71 3.506q-.711 1.642-1.926 2.858q-1.216 1.215-2.858 1.926t-3.506.71m-1.18-9.211L6.538 7.514l-.52 1.582q-.105.293-.398.29q-.292-.003-.379-.295L3.794 4.266q-.061-.224.113-.398t.397-.112l4.825 1.448q.292.087.295.379t-.29.398L7.553 6.5l4.3 4.28q.214.214.214.514t-.214.514t-.517.213q-.302 0-.516-.213"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.02q-1.583 0-2.878-.9q-1.295-.899-1.828-2.409q-.073-.177.029-.353q.102-.177.285-.25q.201-.08.393.016q.191.095.276.309q.448 1.167 1.465 1.877t2.258.71q1.65 0 2.825-1.176T16 12.02q0-1.26-.712-2.274q-.713-1.014-1.9-1.462q-.207-.085-.29-.286t-.004-.384t.244-.275t.34-.019q1.499.533 2.41 1.828Q17 10.443 17 12.02q0 2.077-1.461 3.539T12 17.019m0 4q-3.68 0-6.312-2.569t-2.694-6.22q-.006-.207.141-.353q.148-.146.361-.152t.368.138t.167.362q.092 3.158 2.457 5.476T12 20.019q3.35 0 5.675-2.325T20 12.02q0-3.279-2.277-5.609T12.2 4.03q-.22-.01-.363-.172t-.137-.375t.152-.354q.146-.14.354-.135q1.815.029 3.416.754t2.793 1.953t1.889 2.856t.696 3.462q0 1.864-.71 3.506q-.711 1.642-1.926 2.858q-1.216 1.215-2.858 1.926t-3.506.71m-1.18-9.211L6.538 7.514l-.52 1.582q-.105.293-.398.29q-.292-.003-.379-.295L3.794 4.266q-.061-.224.113-.398t.397-.112l4.825 1.448q.292.087.295.379t-.29.398L7.553 6.5l4.3 4.28q.214.214.214.514t-.214.514t-.517.213q-.302 0-.516-.213"/></svg> </template>
CSS
.icon-drag-click-rounded {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2017.02q-1.583%200-2.878-.9q-1.295-.899-1.828-2.409q-.073-.177.029-.353q.102-.177.285-.25q.201-.08.393.016q.191.095.276.309q.448%201.167%201.465%201.877t2.258.71q1.65%200%202.825-1.176T16%2012.02q0-1.26-.712-2.274q-.713-1.014-1.9-1.462q-.207-.085-.29-.286t-.004-.384t.244-.275t.34-.019q1.499.533%202.41%201.828Q17%2010.443%2017%2012.02q0%202.077-1.461%203.539T12%2017.019m0%204q-3.68%200-6.312-2.569t-2.694-6.22q-.006-.207.141-.353q.148-.146.361-.152t.368.138t.167.362q.092%203.158%202.457%205.476T12%2020.019q3.35%200%205.675-2.325T20%2012.02q0-3.279-2.277-5.609T12.2%204.03q-.22-.01-.363-.172t-.137-.375t.152-.354q.146-.14.354-.135q1.815.029%203.416.754t2.793%201.953t1.889%202.856t.696%203.462q0%201.864-.71%203.506q-.711%201.642-1.926%202.858q-1.216%201.215-2.858%201.926t-3.506.71m-1.18-9.211L6.538%207.514l-.52%201.582q-.105.293-.398.29q-.292-.003-.379-.295L3.794%204.266q-.061-.224.113-.398t.397-.112l4.825%201.448q.292.087.295.379t-.29.398L7.553%206.5l4.3%204.28q.214.214.214.514t-.214.514t-.517.213q-.302%200-.516-.213%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2017.02q-1.583%200-2.878-.9q-1.295-.899-1.828-2.409q-.073-.177.029-.353q.102-.177.285-.25q.201-.08.393.016q.191.095.276.309q.448%201.167%201.465%201.877t2.258.71q1.65%200%202.825-1.176T16%2012.02q0-1.26-.712-2.274q-.713-1.014-1.9-1.462q-.207-.085-.29-.286t-.004-.384t.244-.275t.34-.019q1.499.533%202.41%201.828Q17%2010.443%2017%2012.02q0%202.077-1.461%203.539T12%2017.019m0%204q-3.68%200-6.312-2.569t-2.694-6.22q-.006-.207.141-.353q.148-.146.361-.152t.368.138t.167.362q.092%203.158%202.457%205.476T12%2020.019q3.35%200%205.675-2.325T20%2012.02q0-3.279-2.277-5.609T12.2%204.03q-.22-.01-.363-.172t-.137-.375t.152-.354q.146-.14.354-.135q1.815.029%203.416.754t2.793%201.953t1.889%202.856t.696%203.462q0%201.864-.71%203.506q-.711%201.642-1.926%202.858q-1.216%201.215-2.858%201.926t-3.506.71m-1.18-9.211L6.538%207.514l-.52%201.582q-.105.293-.398.29q-.292-.003-.379-.295L3.794%204.266q-.061-.224.113-.398t.397-.112l4.825%201.448q.292.087.295.379t-.29.398L7.553%206.5l4.3%204.28q.214.214.214.514t-.214.514t-.517.213q-.302%200-.516-.213%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/drag-click-rounded.svg?color=%231a73e8&size=48
