outline gesture icon

outline-gesture from Google Material Icons by Material Design Authors · Baseline · Content · Apache-2.0 Free for personal and commercial use.

Name
outline-gesture
Set
Google Material Icons
Style
Baseline
Category
Content
Viewbox
24×24
License
Apache 2.0

More content icons from Google Material Icons

baseline-addbaseline-add-boxbaseline-add-circlebaseline-add-linkbaseline-amp-storiesbaseline-archivebaseline-attributionbaseline-backspacebaseline-ballotbaseline-biotechbaseline-blockbaseline-boltbaseline-calculatebaseline-change-circlebaseline-clearbaseline-content-copybaseline-content-cutbaseline-content-pastebaseline-content-paste-gobaseline-content-paste-offbaseline-content-paste-searchbaseline-copy-allbaseline-createbaseline-delete-sweep

Use the outline gesture icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22c.5.2 0 1.03-.3 1.52c-.25.42-2.86 3.89-2.86 6.31c0 1.28.48 2.34 1.34 2.98c.75.56 1.74.73 2.64.46c1.07-.31 1.95-1.4 3.06-2.77c1.21-1.49 2.83-3.44 4.08-3.44c1.63 0 1.65 1.01 1.76 1.79c-3.78.64-5.38 3.67-5.38 5.37s1.44 3.09 3.21 3.09c1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2c-2.25 0-4.18 1.91-4.94 2.84c-.58.73-2.06 2.48-2.29 2.72c-.25.3-.68.84-1.11.84c-.45 0-.72-.83-.36-1.92c.35-1.09 1.4-2.86 1.85-3.52c.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3C5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93zm9.29 11.66c-.31 0-.74-.26-.74-.72c0-.6.73-2.2 2.87-2.76c-.3 2.69-1.43 3.48-2.13 3.48"/></svg>

React

import type { SVGProps } from "react";

export function IcOutlineGesture(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="M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22c.5.2 0 1.03-.3 1.52c-.25.42-2.86 3.89-2.86 6.31c0 1.28.48 2.34 1.34 2.98c.75.56 1.74.73 2.64.46c1.07-.31 1.95-1.4 3.06-2.77c1.21-1.49 2.83-3.44 4.08-3.44c1.63 0 1.65 1.01 1.76 1.79c-3.78.64-5.38 3.67-5.38 5.37s1.44 3.09 3.21 3.09c1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2c-2.25 0-4.18 1.91-4.94 2.84c-.58.73-2.06 2.48-2.29 2.72c-.25.3-.68.84-1.11.84c-.45 0-.72-.83-.36-1.92c.35-1.09 1.4-2.86 1.85-3.52c.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3C5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93zm9.29 11.66c-.31 0-.74-.26-.74-.72c0-.6.73-2.2 2.87-2.76c-.3 2.69-1.43 3.48-2.13 3.48"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22c.5.2 0 1.03-.3 1.52c-.25.42-2.86 3.89-2.86 6.31c0 1.28.48 2.34 1.34 2.98c.75.56 1.74.73 2.64.46c1.07-.31 1.95-1.4 3.06-2.77c1.21-1.49 2.83-3.44 4.08-3.44c1.63 0 1.65 1.01 1.76 1.79c-3.78.64-5.38 3.67-5.38 5.37s1.44 3.09 3.21 3.09c1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2c-2.25 0-4.18 1.91-4.94 2.84c-.58.73-2.06 2.48-2.29 2.72c-.25.3-.68.84-1.11.84c-.45 0-.72-.83-.36-1.92c.35-1.09 1.4-2.86 1.85-3.52c.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3C5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93zm9.29 11.66c-.31 0-.74-.26-.74-.72c0-.6.73-2.2 2.87-2.76c-.3 2.69-1.43 3.48-2.13 3.48"/></svg>
</template>

CSS

.icon-outline-gesture {
  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%22M4.59%206.89c.7-.71%201.4-1.35%201.71-1.22c.5.2%200%201.03-.3%201.52c-.25.42-2.86%203.89-2.86%206.31c0%201.28.48%202.34%201.34%202.98c.75.56%201.74.73%202.64.46c1.07-.31%201.95-1.4%203.06-2.77c1.21-1.49%202.83-3.44%204.08-3.44c1.63%200%201.65%201.01%201.76%201.79c-3.78.64-5.38%203.67-5.38%205.37s1.44%203.09%203.21%203.09c1.63%200%204.29-1.33%204.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2c-2.25%200-4.18%201.91-4.94%202.84c-.58.73-2.06%202.48-2.29%202.72c-.25.3-.68.84-1.11.84c-.45%200-.72-.83-.36-1.92c.35-1.09%201.4-2.86%201.85-3.52c.78-1.14%201.3-1.92%201.3-3.28C8.95%203.69%207.31%203%206.44%203C5.12%203%203.97%204%203.72%204.25c-.36.36-.66.66-.88.93zm9.29%2011.66c-.31%200-.74-.26-.74-.72c0-.6.73-2.2%202.87-2.76c-.3%202.69-1.43%203.48-2.13%203.48%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%22M4.59%206.89c.7-.71%201.4-1.35%201.71-1.22c.5.2%200%201.03-.3%201.52c-.25.42-2.86%203.89-2.86%206.31c0%201.28.48%202.34%201.34%202.98c.75.56%201.74.73%202.64.46c1.07-.31%201.95-1.4%203.06-2.77c1.21-1.49%202.83-3.44%204.08-3.44c1.63%200%201.65%201.01%201.76%201.79c-3.78.64-5.38%203.67-5.38%205.37s1.44%203.09%203.21%203.09c1.63%200%204.29-1.33%204.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2c-2.25%200-4.18%201.91-4.94%202.84c-.58.73-2.06%202.48-2.29%202.72c-.25.3-.68.84-1.11.84c-.45%200-.72-.83-.36-1.92c.35-1.09%201.4-2.86%201.85-3.52c.78-1.14%201.3-1.92%201.3-3.28C8.95%203.69%207.31%203%206.44%203C5.12%203%203.97%204%203.72%204.25c-.36.36-.66.66-.88.93zm9.29%2011.66c-.31%200-.74-.26-.74-.72c0-.6.73-2.2%202.87-2.76c-.3%202.69-1.43%203.48-2.13%203.48%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/outline-gesture.svg?color=%231a73e8&size=48