gesture select icon

gesture-select-rounded from Material Symbols by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.

Name
gesture-select-rounded
Set
Material Symbols
Style
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="M11.825 23q-.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 8v7h1v-3q0-.425.288-.712T13 11t.713.288T14 12v3h1v-2q0-.425.288-.712T16 12t.713.288T17 13v2h1q0-.425.288-.712T19 14t.713.288T20 15v4q0 1.65-1.175 2.825T16 23zM2 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-.288"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsGestureSelectRounded(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="M11.825 23q-.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 8v7h1v-3q0-.425.288-.712T13 11t.713.288T14 12v3h1v-2q0-.425.288-.712T16 12t.713.288T17 13v2h1q0-.425.288-.712T19 14t.713.288T20 15v4q0 1.65-1.175 2.825T16 23zM2 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-.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="M11.825 23q-.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 8v7h1v-3q0-.425.288-.712T13 11t.713.288T14 12v3h1v-2q0-.425.288-.712T16 12t.713.288T17 13v2h1q0-.425.288-.712T19 14t.713.288T20 15v4q0 1.65-1.175 2.825T16 23zM2 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-.288"/></svg>
</template>

CSS

.icon-gesture-select-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%22M11.825%2023q-.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%208v7h1v-3q0-.425.288-.712T13%2011t.713.288T14%2012v3h1v-2q0-.425.288-.712T16%2012t.713.288T17%2013v2h1q0-.425.288-.712T19%2014t.713.288T20%2015v4q0%201.65-1.175%202.825T16%2023zM2%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-.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%22M11.825%2023q-.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%208v7h1v-3q0-.425.288-.712T13%2011t.713.288T14%2012v3h1v-2q0-.425.288-.712T16%2012t.713.288T17%2013v2h1q0-.425.288-.712T19%2014t.713.288T20%2015v4q0%201.65-1.175%202.825T16%2023zM2%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-.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-rounded.svg?color=%231a73e8&size=48