touch long icon

touch-long-sharp from Material Symbols Light by Google · Sharp · Actions · Apache-2.0 Free for personal and commercial use.

Name: touch-long-sharp
Set: Material Symbols Light
Style: Sharp
Category: Actions
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

touch-long touch-long-outline touch-long-outline-rounded touch-long-outline-sharp touch-long-rounded

The same icon in other sets

touch-longMaterial Symbols

More actions icons from Material Symbols Light

Use the touch long icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.69 1.52q2.189 0 3.718 1.53q1.529 1.532 1.529 3.72q0 .72-.183 1.385q-.183.666-.527 1.255l-.761-.443q.28-.5.433-1.055q.153-.556.153-1.143q0-1.819-1.273-3.092T8.688 2.404T5.595 3.677T4.321 6.769q0 .587.15 1.143t.431 1.036l-.762.437q-.342-.573-.523-1.24t-.18-1.385q0-2.183 1.532-3.712T8.69 1.519m0 2.366q1.197 0 2.039.842q.842.843.842 2.035q0 .411-.096.772q-.096.36-.308.683l-.78-.442q.124-.22.2-.478q.074-.258.074-.528q0-.825-.587-1.412t-1.413-.588q-.83 0-1.415.588q-.585.587-.585 1.412q0 .275.075.531t.2.475l-.761.442q-.186-.323-.28-.693t-.093-.755q0-1.195.836-2.04q.835-.845 2.052-.845M19 21H9.39l-5.734-7.594l.811-.887l3.725 1.873V6.77h1.006v4.77H19z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightTouchLongSharp(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="M8.69 1.52q2.189 0 3.718 1.53q1.529 1.532 1.529 3.72q0 .72-.183 1.385q-.183.666-.527 1.255l-.761-.443q.28-.5.433-1.055q.153-.556.153-1.143q0-1.819-1.273-3.092T8.688 2.404T5.595 3.677T4.321 6.769q0 .587.15 1.143t.431 1.036l-.762.437q-.342-.573-.523-1.24t-.18-1.385q0-2.183 1.532-3.712T8.69 1.519m0 2.366q1.197 0 2.039.842q.842.843.842 2.035q0 .411-.096.772q-.096.36-.308.683l-.78-.442q.124-.22.2-.478q.074-.258.074-.528q0-.825-.587-1.412t-1.413-.588q-.83 0-1.415.588q-.585.587-.585 1.412q0 .275.075.531t.2.475l-.761.442q-.186-.323-.28-.693t-.093-.755q0-1.195.836-2.04q.835-.845 2.052-.845M19 21H9.39l-5.734-7.594l.811-.887l3.725 1.873V6.77h1.006v4.77H19z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.69 1.52q2.189 0 3.718 1.53q1.529 1.532 1.529 3.72q0 .72-.183 1.385q-.183.666-.527 1.255l-.761-.443q.28-.5.433-1.055q.153-.556.153-1.143q0-1.819-1.273-3.092T8.688 2.404T5.595 3.677T4.321 6.769q0 .587.15 1.143t.431 1.036l-.762.437q-.342-.573-.523-1.24t-.18-1.385q0-2.183 1.532-3.712T8.69 1.519m0 2.366q1.197 0 2.039.842q.842.843.842 2.035q0 .411-.096.772q-.096.36-.308.683l-.78-.442q.124-.22.2-.478q.074-.258.074-.528q0-.825-.587-1.412t-1.413-.588q-.83 0-1.415.588q-.585.587-.585 1.412q0 .275.075.531t.2.475l-.761.442q-.186-.323-.28-.693t-.093-.755q0-1.195.836-2.04q.835-.845 2.052-.845M19 21H9.39l-5.734-7.594l.811-.887l3.725 1.873V6.77h1.006v4.77H19z"/></svg>
</template>

CSS

.icon-touch-long-sharp {
  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%22M8.69%201.52q2.189%200%203.718%201.53q1.529%201.532%201.529%203.72q0%20.72-.183%201.385q-.183.666-.527%201.255l-.761-.443q.28-.5.433-1.055q.153-.556.153-1.143q0-1.819-1.273-3.092T8.688%202.404T5.595%203.677T4.321%206.769q0%20.587.15%201.143t.431%201.036l-.762.437q-.342-.573-.523-1.24t-.18-1.385q0-2.183%201.532-3.712T8.69%201.519m0%202.366q1.197%200%202.039.842q.842.843.842%202.035q0%20.411-.096.772q-.096.36-.308.683l-.78-.442q.124-.22.2-.478q.074-.258.074-.528q0-.825-.587-1.412t-1.413-.588q-.83%200-1.415.588q-.585.587-.585%201.412q0%20.275.075.531t.2.475l-.761.442q-.186-.323-.28-.693t-.093-.755q0-1.195.836-2.04q.835-.845%202.052-.845M19%2021H9.39l-5.734-7.594l.811-.887l3.725%201.873V6.77h1.006v4.77H19z%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%22M8.69%201.52q2.189%200%203.718%201.53q1.529%201.532%201.529%203.72q0%20.72-.183%201.385q-.183.666-.527%201.255l-.761-.443q.28-.5.433-1.055q.153-.556.153-1.143q0-1.819-1.273-3.092T8.688%202.404T5.595%203.677T4.321%206.769q0%20.587.15%201.143t.431%201.036l-.762.437q-.342-.573-.523-1.24t-.18-1.385q0-2.183%201.532-3.712T8.69%201.519m0%202.366q1.197%200%202.039.842q.842.843.842%202.035q0%20.411-.096.772q-.096.36-.308.683l-.78-.442q.124-.22.2-.478q.074-.258.074-.528q0-.825-.587-1.412t-1.413-.588q-.83%200-1.415.588q-.585.587-.585%201.412q0%20.275.075.531t.2.475l-.761.442q-.186-.323-.28-.693t-.093-.755q0-1.195.836-2.04q.835-.845%202.052-.845M19%2021H9.39l-5.734-7.594l.811-.887l3.725%201.873V6.77h1.006v4.77H19z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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