cursor hold 01 icon

cursor-hold-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
cursor-hold-01
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Related icons in Huge Icons

Use the cursor hold 01 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9.532 2.969c-1.008-.819-1.734-1.164-2.484-.86c-1.103.45-1.198 1.875-1.376 4.553l-.564 7.724c-.135 1.82-.202 2.73.16 3.188c.249.314.613.513 1.01.553c.577.058 1.3-.493 2.744-1.596c.609-.465.913-.697 1.217-.712c.211-.01.42.047.596.165c.254.17.397.527.683 1.24L13 20.92c.172.427.257.641.394.781a.98.98 0 0 0 .698.299c.195.001.407-.085.831-.258c.424-.172.636-.258.776-.396a1 1 0 0 0 .296-.703c.001-.197-.084-.41-.256-.837l-1.482-3.697c-.286-.713-.43-1.07-.364-1.369a1 1 0 0 1 .314-.536c.23-.202.609-.248 1.367-.34c1.8-.217 2.7-.325 3.075-.772c.258-.306.382-.704.344-1.104c-.024-.258-.17-.522-.445-.841"/><path d="m14.6 6.4l1.6-1.6M19 6a4 4 0 1 1-8 0a4 4 0 0 1 8 0"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsCursorHold01(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M9.532 2.969c-1.008-.819-1.734-1.164-2.484-.86c-1.103.45-1.198 1.875-1.376 4.553l-.564 7.724c-.135 1.82-.202 2.73.16 3.188c.249.314.613.513 1.01.553c.577.058 1.3-.493 2.744-1.596c.609-.465.913-.697 1.217-.712c.211-.01.42.047.596.165c.254.17.397.527.683 1.24L13 20.92c.172.427.257.641.394.781a.98.98 0 0 0 .698.299c.195.001.407-.085.831-.258c.424-.172.636-.258.776-.396a1 1 0 0 0 .296-.703c.001-.197-.084-.41-.256-.837l-1.482-3.697c-.286-.713-.43-1.07-.364-1.369a1 1 0 0 1 .314-.536c.23-.202.609-.248 1.367-.34c1.8-.217 2.7-.325 3.075-.772c.258-.306.382-.704.344-1.104c-.024-.258-.17-.522-.445-.841"/><path d="m14.6 6.4l1.6-1.6M19 6a4 4 0 1 1-8 0a4 4 0 0 1 8 0"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9.532 2.969c-1.008-.819-1.734-1.164-2.484-.86c-1.103.45-1.198 1.875-1.376 4.553l-.564 7.724c-.135 1.82-.202 2.73.16 3.188c.249.314.613.513 1.01.553c.577.058 1.3-.493 2.744-1.596c.609-.465.913-.697 1.217-.712c.211-.01.42.047.596.165c.254.17.397.527.683 1.24L13 20.92c.172.427.257.641.394.781a.98.98 0 0 0 .698.299c.195.001.407-.085.831-.258c.424-.172.636-.258.776-.396a1 1 0 0 0 .296-.703c.001-.197-.084-.41-.256-.837l-1.482-3.697c-.286-.713-.43-1.07-.364-1.369a1 1 0 0 1 .314-.536c.23-.202.609-.248 1.367-.34c1.8-.217 2.7-.325 3.075-.772c.258-.306.382-.704.344-1.104c-.024-.258-.17-.522-.445-.841"/><path d="m14.6 6.4l1.6-1.6M19 6a4 4 0 1 1-8 0a4 4 0 0 1 8 0"/></g></svg>
</template>

CSS

.icon-cursor-hold-01 {
  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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9.532%202.969c-1.008-.819-1.734-1.164-2.484-.86c-1.103.45-1.198%201.875-1.376%204.553l-.564%207.724c-.135%201.82-.202%202.73.16%203.188c.249.314.613.513%201.01.553c.577.058%201.3-.493%202.744-1.596c.609-.465.913-.697%201.217-.712c.211-.01.42.047.596.165c.254.17.397.527.683%201.24L13%2020.92c.172.427.257.641.394.781a.98.98%200%200%200%20.698.299c.195.001.407-.085.831-.258c.424-.172.636-.258.776-.396a1%201%200%200%200%20.296-.703c.001-.197-.084-.41-.256-.837l-1.482-3.697c-.286-.713-.43-1.07-.364-1.369a1%201%200%200%201%20.314-.536c.23-.202.609-.248%201.367-.34c1.8-.217%202.7-.325%203.075-.772c.258-.306.382-.704.344-1.104c-.024-.258-.17-.522-.445-.841%22%2F%3E%3Cpath%20d%3D%22m14.6%206.4l1.6-1.6M19%206a4%204%200%201%201-8%200a4%204%200%200%201%208%200%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9.532%202.969c-1.008-.819-1.734-1.164-2.484-.86c-1.103.45-1.198%201.875-1.376%204.553l-.564%207.724c-.135%201.82-.202%202.73.16%203.188c.249.314.613.513%201.01.553c.577.058%201.3-.493%202.744-1.596c.609-.465.913-.697%201.217-.712c.211-.01.42.047.596.165c.254.17.397.527.683%201.24L13%2020.92c.172.427.257.641.394.781a.98.98%200%200%200%20.698.299c.195.001.407-.085.831-.258c.424-.172.636-.258.776-.396a1%201%200%200%200%20.296-.703c.001-.197-.084-.41-.256-.837l-1.482-3.697c-.286-.713-.43-1.07-.364-1.369a1%201%200%200%201%20.314-.536c.23-.202.609-.248%201.367-.34c1.8-.217%202.7-.325%203.075-.772c.258-.306.382-.704.344-1.104c-.024-.258-.17-.522-.445-.841%22%2F%3E%3Cpath%20d%3D%22m14.6%206.4l1.6-1.6M19%206a4%204%200%201%201-8%200a4%204%200%200%201%208%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/cursor-hold-01.svg?color=%231a73e8&size=48