hand gesture off icon

hand-gesture-off from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.

Name: hand-gesture-off
Set: Material Symbols Light
Style: Regular
Category: Actions
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

hand-gesture-off-outline hand-gesture-off-outline-rounded hand-gesture-off-outline-sharp hand-gesture-off-rounded hand-gesture-off-sharp

The same icon in other sets

hand-gesture-offMaterial Symbols

More actions icons from Material Symbols Light

Use the hand gesture off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9 6.208l-1-1v-.15q0-.214.143-.357t.357-.143t.357.143t.143.357zm3.673 3.673l-1-1V3.058q0-.214.143-.357t.357-.143t.357.143t.143.357zM11.171 21.5q-.61 0-1.138-.32q-.53-.32-.939-.769L3.187 13.9l.355-.287q.374-.35.9-.424q.527-.076.975.18L8 14.798V9.421L1.887 3.308l.713-.714l19.223 19.223l-.713.714l-2.12-2.12q-.48.491-1.11.79t-1.38.299zM21.404 5.64q0-1.102-.77-1.87q-.768-.77-1.87-.77v-.885q1.47 0 2.498 1.027t1.027 2.499zM6.058 21.77q-1.594 0-2.711-1.117t-1.116-2.71h.885q0 1.218.861 2.08t2.08.861zM20 17.207l-5.673-5.667h1.02V4.058q0-.214.143-.357t.356-.143t.357.143t.143.357v7.483H19V5.5q0-.213.143-.357T19.5 5t.357.143T20 5.5z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightHandGestureOff(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="m9 6.208l-1-1v-.15q0-.214.143-.357t.357-.143t.357.143t.143.357zm3.673 3.673l-1-1V3.058q0-.214.143-.357t.357-.143t.357.143t.143.357zM11.171 21.5q-.61 0-1.138-.32q-.53-.32-.939-.769L3.187 13.9l.355-.287q.374-.35.9-.424q.527-.076.975.18L8 14.798V9.421L1.887 3.308l.713-.714l19.223 19.223l-.713.714l-2.12-2.12q-.48.491-1.11.79t-1.38.299zM21.404 5.64q0-1.102-.77-1.87q-.768-.77-1.87-.77v-.885q1.47 0 2.498 1.027t1.027 2.499zM6.058 21.77q-1.594 0-2.711-1.117t-1.116-2.71h.885q0 1.218.861 2.08t2.08.861zM20 17.207l-5.673-5.667h1.02V4.058q0-.214.143-.357t.356-.143t.357.143t.143.357v7.483H19V5.5q0-.213.143-.357T19.5 5t.357.143T20 5.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9 6.208l-1-1v-.15q0-.214.143-.357t.357-.143t.357.143t.143.357zm3.673 3.673l-1-1V3.058q0-.214.143-.357t.357-.143t.357.143t.143.357zM11.171 21.5q-.61 0-1.138-.32q-.53-.32-.939-.769L3.187 13.9l.355-.287q.374-.35.9-.424q.527-.076.975.18L8 14.798V9.421L1.887 3.308l.713-.714l19.223 19.223l-.713.714l-2.12-2.12q-.48.491-1.11.79t-1.38.299zM21.404 5.64q0-1.102-.77-1.87q-.768-.77-1.87-.77v-.885q1.47 0 2.498 1.027t1.027 2.499zM6.058 21.77q-1.594 0-2.711-1.117t-1.116-2.71h.885q0 1.218.861 2.08t2.08.861zM20 17.207l-5.673-5.667h1.02V4.058q0-.214.143-.357t.356-.143t.357.143t.143.357v7.483H19V5.5q0-.213.143-.357T19.5 5t.357.143T20 5.5z"/></svg>
</template>

CSS

.icon-hand-gesture-off {
  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%22m9%206.208l-1-1v-.15q0-.214.143-.357t.357-.143t.357.143t.143.357zm3.673%203.673l-1-1V3.058q0-.214.143-.357t.357-.143t.357.143t.143.357zM11.171%2021.5q-.61%200-1.138-.32q-.53-.32-.939-.769L3.187%2013.9l.355-.287q.374-.35.9-.424q.527-.076.975.18L8%2014.798V9.421L1.887%203.308l.713-.714l19.223%2019.223l-.713.714l-2.12-2.12q-.48.491-1.11.79t-1.38.299zM21.404%205.64q0-1.102-.77-1.87q-.768-.77-1.87-.77v-.885q1.47%200%202.498%201.027t1.027%202.499zM6.058%2021.77q-1.594%200-2.711-1.117t-1.116-2.71h.885q0%201.218.861%202.08t2.08.861zM20%2017.207l-5.673-5.667h1.02V4.058q0-.214.143-.357t.356-.143t.357.143t.143.357v7.483H19V5.5q0-.213.143-.357T19.5%205t.357.143T20%205.5z%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%22m9%206.208l-1-1v-.15q0-.214.143-.357t.357-.143t.357.143t.143.357zm3.673%203.673l-1-1V3.058q0-.214.143-.357t.357-.143t.357.143t.143.357zM11.171%2021.5q-.61%200-1.138-.32q-.53-.32-.939-.769L3.187%2013.9l.355-.287q.374-.35.9-.424q.527-.076.975.18L8%2014.798V9.421L1.887%203.308l.713-.714l19.223%2019.223l-.713.714l-2.12-2.12q-.48.491-1.11.79t-1.38.299zM21.404%205.64q0-1.102-.77-1.87q-.768-.77-1.87-.77v-.885q1.47%200%202.498%201.027t1.027%202.499zM6.058%2021.77q-1.594%200-2.711-1.117t-1.116-2.71h.885q0%201.218.861%202.08t2.08.861zM20%2017.207l-5.673-5.667h1.02V4.058q0-.214.143-.357t.356-.143t.357.143t.143.357v7.483H19V5.5q0-.213.143-.357T19.5%205t.357.143T20%205.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/hand-gesture-off.svg?color=%231a73e8&size=48