gesture select icon
gesture-select-outline-rounded from Material Symbols by Google · Outline Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- gesture-select-outline-rounded
- Set
- Material Symbols
- Style
- Outline Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols
The same icon in other sets
More actions icons from Material Symbols
Use the gesture select icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 4q-.425 0-.712-.288T1 3t.288-.712T2 2t.713.288T3 3t-.288.713T2 4m3.288-.288Q5 3.426 5 3t.288-.712T6 2t.713.288T7 3t-.288.713T6 4t-.712-.288m4 0Q9 3.426 9 3t.288-.712T10 2t.713.288T11 3t-.288.713T10 4t-.712-.288m4 0Q13 3.426 13 3t.288-.712T14 2t.713.288T15 3t-.288.713T14 4t-.712-.288m4 0Q17 3.426 17 3t.288-.712T18 2t.713.288T19 3t-.288.713T18 4t-.712-.288m4 0Q21 3.426 21 3t.288-.712T22 2t.713.288T23 3t-.288.713T22 4t-.712-.288M2 8q-.425 0-.712-.288T1 7t.288-.712T2 6t.713.288T3 7t-.288.713T2 8m0 4q-.425 0-.712-.288T1 11t.288-.712T2 10t.713.288T3 11t-.288.713T2 12m3.288-.288Q5 11.426 5 11t.288-.712T6 10t.713.288T7 11t-.288.713T6 12t-.712-.288m12 0Q17 11.426 17 11t.288-.712T18 10t.713.288T19 11t-.288.713T18 12t-.712-.288m4 0Q21 11.426 21 11t.288-.712T22 10t.713.288T23 11t-.288.713T22 12t-.712-.288m0-4Q21 7.426 21 7t.288-.712T22 6t.713.288T23 7t-.288.713T22 8t-.712-.288M16 21h-4.275zm-4.175 2q-.6 0-1.15-.225t-.975-.65L5.3 17.7q-.325-.325-.262-.763t.387-.787q.35-.35.85-.475t1 0l1.725.5V8q0-.425.288-.712T10 7t.713.288T11 8v9.5q0 .5-.387.788t-.888.162l-1.175-.325l2.575 2.575q.125.125.313.213t.387.087H16q.825 0 1.413-.587T18 19v-4q0-.425.288-.712T19 14t.713.288T20 15v4q0 1.65-1.175 2.825T16 23zm1.888-11.712Q14 11.575 14 12v3q0 .425-.288.713T13 16t-.712-.288T12 15v-3q0-.425.288-.712T13 11t.713.288m3 1Q17 12.575 17 13v2q0 .425-.288.713T16 16t-.712-.288T15 15v-2q0-.425.288-.712T16 12t.713.288"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsGestureSelectOutlineRounded(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="M2 4q-.425 0-.712-.288T1 3t.288-.712T2 2t.713.288T3 3t-.288.713T2 4m3.288-.288Q5 3.426 5 3t.288-.712T6 2t.713.288T7 3t-.288.713T6 4t-.712-.288m4 0Q9 3.426 9 3t.288-.712T10 2t.713.288T11 3t-.288.713T10 4t-.712-.288m4 0Q13 3.426 13 3t.288-.712T14 2t.713.288T15 3t-.288.713T14 4t-.712-.288m4 0Q17 3.426 17 3t.288-.712T18 2t.713.288T19 3t-.288.713T18 4t-.712-.288m4 0Q21 3.426 21 3t.288-.712T22 2t.713.288T23 3t-.288.713T22 4t-.712-.288M2 8q-.425 0-.712-.288T1 7t.288-.712T2 6t.713.288T3 7t-.288.713T2 8m0 4q-.425 0-.712-.288T1 11t.288-.712T2 10t.713.288T3 11t-.288.713T2 12m3.288-.288Q5 11.426 5 11t.288-.712T6 10t.713.288T7 11t-.288.713T6 12t-.712-.288m12 0Q17 11.426 17 11t.288-.712T18 10t.713.288T19 11t-.288.713T18 12t-.712-.288m4 0Q21 11.426 21 11t.288-.712T22 10t.713.288T23 11t-.288.713T22 12t-.712-.288m0-4Q21 7.426 21 7t.288-.712T22 6t.713.288T23 7t-.288.713T22 8t-.712-.288M16 21h-4.275zm-4.175 2q-.6 0-1.15-.225t-.975-.65L5.3 17.7q-.325-.325-.262-.763t.387-.787q.35-.35.85-.475t1 0l1.725.5V8q0-.425.288-.712T10 7t.713.288T11 8v9.5q0 .5-.387.788t-.888.162l-1.175-.325l2.575 2.575q.125.125.313.213t.387.087H16q.825 0 1.413-.587T18 19v-4q0-.425.288-.712T19 14t.713.288T20 15v4q0 1.65-1.175 2.825T16 23zm1.888-11.712Q14 11.575 14 12v3q0 .425-.288.713T13 16t-.712-.288T12 15v-3q0-.425.288-.712T13 11t.713.288m3 1Q17 12.575 17 13v2q0 .425-.288.713T16 16t-.712-.288T15 15v-2q0-.425.288-.712T16 12t.713.288"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 4q-.425 0-.712-.288T1 3t.288-.712T2 2t.713.288T3 3t-.288.713T2 4m3.288-.288Q5 3.426 5 3t.288-.712T6 2t.713.288T7 3t-.288.713T6 4t-.712-.288m4 0Q9 3.426 9 3t.288-.712T10 2t.713.288T11 3t-.288.713T10 4t-.712-.288m4 0Q13 3.426 13 3t.288-.712T14 2t.713.288T15 3t-.288.713T14 4t-.712-.288m4 0Q17 3.426 17 3t.288-.712T18 2t.713.288T19 3t-.288.713T18 4t-.712-.288m4 0Q21 3.426 21 3t.288-.712T22 2t.713.288T23 3t-.288.713T22 4t-.712-.288M2 8q-.425 0-.712-.288T1 7t.288-.712T2 6t.713.288T3 7t-.288.713T2 8m0 4q-.425 0-.712-.288T1 11t.288-.712T2 10t.713.288T3 11t-.288.713T2 12m3.288-.288Q5 11.426 5 11t.288-.712T6 10t.713.288T7 11t-.288.713T6 12t-.712-.288m12 0Q17 11.426 17 11t.288-.712T18 10t.713.288T19 11t-.288.713T18 12t-.712-.288m4 0Q21 11.426 21 11t.288-.712T22 10t.713.288T23 11t-.288.713T22 12t-.712-.288m0-4Q21 7.426 21 7t.288-.712T22 6t.713.288T23 7t-.288.713T22 8t-.712-.288M16 21h-4.275zm-4.175 2q-.6 0-1.15-.225t-.975-.65L5.3 17.7q-.325-.325-.262-.763t.387-.787q.35-.35.85-.475t1 0l1.725.5V8q0-.425.288-.712T10 7t.713.288T11 8v9.5q0 .5-.387.788t-.888.162l-1.175-.325l2.575 2.575q.125.125.313.213t.387.087H16q.825 0 1.413-.587T18 19v-4q0-.425.288-.712T19 14t.713.288T20 15v4q0 1.65-1.175 2.825T16 23zm1.888-11.712Q14 11.575 14 12v3q0 .425-.288.713T13 16t-.712-.288T12 15v-3q0-.425.288-.712T13 11t.713.288m3 1Q17 12.575 17 13v2q0 .425-.288.713T16 16t-.712-.288T15 15v-2q0-.425.288-.712T16 12t.713.288"/></svg> </template>
CSS
.icon-gesture-select-outline-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%22M2%204q-.425%200-.712-.288T1%203t.288-.712T2%202t.713.288T3%203t-.288.713T2%204m3.288-.288Q5%203.426%205%203t.288-.712T6%202t.713.288T7%203t-.288.713T6%204t-.712-.288m4%200Q9%203.426%209%203t.288-.712T10%202t.713.288T11%203t-.288.713T10%204t-.712-.288m4%200Q13%203.426%2013%203t.288-.712T14%202t.713.288T15%203t-.288.713T14%204t-.712-.288m4%200Q17%203.426%2017%203t.288-.712T18%202t.713.288T19%203t-.288.713T18%204t-.712-.288m4%200Q21%203.426%2021%203t.288-.712T22%202t.713.288T23%203t-.288.713T22%204t-.712-.288M2%208q-.425%200-.712-.288T1%207t.288-.712T2%206t.713.288T3%207t-.288.713T2%208m0%204q-.425%200-.712-.288T1%2011t.288-.712T2%2010t.713.288T3%2011t-.288.713T2%2012m3.288-.288Q5%2011.426%205%2011t.288-.712T6%2010t.713.288T7%2011t-.288.713T6%2012t-.712-.288m12%200Q17%2011.426%2017%2011t.288-.712T18%2010t.713.288T19%2011t-.288.713T18%2012t-.712-.288m4%200Q21%2011.426%2021%2011t.288-.712T22%2010t.713.288T23%2011t-.288.713T22%2012t-.712-.288m0-4Q21%207.426%2021%207t.288-.712T22%206t.713.288T23%207t-.288.713T22%208t-.712-.288M16%2021h-4.275zm-4.175%202q-.6%200-1.15-.225t-.975-.65L5.3%2017.7q-.325-.325-.262-.763t.387-.787q.35-.35.85-.475t1%200l1.725.5V8q0-.425.288-.712T10%207t.713.288T11%208v9.5q0%20.5-.387.788t-.888.162l-1.175-.325l2.575%202.575q.125.125.313.213t.387.087H16q.825%200%201.413-.587T18%2019v-4q0-.425.288-.712T19%2014t.713.288T20%2015v4q0%201.65-1.175%202.825T16%2023zm1.888-11.712Q14%2011.575%2014%2012v3q0%20.425-.288.713T13%2016t-.712-.288T12%2015v-3q0-.425.288-.712T13%2011t.713.288m3%201Q17%2012.575%2017%2013v2q0%20.425-.288.713T16%2016t-.712-.288T15%2015v-2q0-.425.288-.712T16%2012t.713.288%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%22M2%204q-.425%200-.712-.288T1%203t.288-.712T2%202t.713.288T3%203t-.288.713T2%204m3.288-.288Q5%203.426%205%203t.288-.712T6%202t.713.288T7%203t-.288.713T6%204t-.712-.288m4%200Q9%203.426%209%203t.288-.712T10%202t.713.288T11%203t-.288.713T10%204t-.712-.288m4%200Q13%203.426%2013%203t.288-.712T14%202t.713.288T15%203t-.288.713T14%204t-.712-.288m4%200Q17%203.426%2017%203t.288-.712T18%202t.713.288T19%203t-.288.713T18%204t-.712-.288m4%200Q21%203.426%2021%203t.288-.712T22%202t.713.288T23%203t-.288.713T22%204t-.712-.288M2%208q-.425%200-.712-.288T1%207t.288-.712T2%206t.713.288T3%207t-.288.713T2%208m0%204q-.425%200-.712-.288T1%2011t.288-.712T2%2010t.713.288T3%2011t-.288.713T2%2012m3.288-.288Q5%2011.426%205%2011t.288-.712T6%2010t.713.288T7%2011t-.288.713T6%2012t-.712-.288m12%200Q17%2011.426%2017%2011t.288-.712T18%2010t.713.288T19%2011t-.288.713T18%2012t-.712-.288m4%200Q21%2011.426%2021%2011t.288-.712T22%2010t.713.288T23%2011t-.288.713T22%2012t-.712-.288m0-4Q21%207.426%2021%207t.288-.712T22%206t.713.288T23%207t-.288.713T22%208t-.712-.288M16%2021h-4.275zm-4.175%202q-.6%200-1.15-.225t-.975-.65L5.3%2017.7q-.325-.325-.262-.763t.387-.787q.35-.35.85-.475t1%200l1.725.5V8q0-.425.288-.712T10%207t.713.288T11%208v9.5q0%20.5-.387.788t-.888.162l-1.175-.325l2.575%202.575q.125.125.313.213t.387.087H16q.825%200%201.413-.587T18%2019v-4q0-.425.288-.712T19%2014t.713.288T20%2015v4q0%201.65-1.175%202.825T16%2023zm1.888-11.712Q14%2011.575%2014%2012v3q0%20.425-.288.713T13%2016t-.712-.288T12%2015v-3q0-.425.288-.712T13%2011t.713.288m3%201Q17%2012.575%2017%2013v2q0%20.425-.288.713T16%2016t-.712-.288T15%2015v-2q0-.425.288-.712T16%2012t.713.288%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/gesture-select-outline-rounded.svg?color=%231a73e8&size=48
