cursor info 01 icon

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

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

Related icons in Huge Icons

Use the cursor info 01 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 9.99V10m-2-6.002C13 2.894 13.895 2 15 2a1.999 1.999 0 0 1 1.363 3.46C15.757 6.022 15 6.665 15 7.492M9.907 3.283c-1.21-1.04-2.02-1.515-2.859-1.173c-1.103.449-1.198 1.874-1.376 4.552l-.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-.037-.396-.362-.804-.993-1.408"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsCursorInfo01(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M15 9.99V10m-2-6.002C13 2.894 13.895 2 15 2a1.999 1.999 0 0 1 1.363 3.46C15.757 6.022 15 6.665 15 7.492M9.907 3.283c-1.21-1.04-2.02-1.515-2.859-1.173c-1.103.449-1.198 1.874-1.376 4.552l-.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-.037-.396-.362-.804-.993-1.408"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 9.99V10m-2-6.002C13 2.894 13.895 2 15 2a1.999 1.999 0 0 1 1.363 3.46C15.757 6.022 15 6.665 15 7.492M9.907 3.283c-1.21-1.04-2.02-1.515-2.859-1.173c-1.103.449-1.198 1.874-1.376 4.552l-.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-.037-.396-.362-.804-.993-1.408"/></svg>
</template>

CSS

.icon-cursor-info-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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15%209.99V10m-2-6.002C13%202.894%2013.895%202%2015%202a1.999%201.999%200%200%201%201.363%203.46C15.757%206.022%2015%206.665%2015%207.492M9.907%203.283c-1.21-1.04-2.02-1.515-2.859-1.173c-1.103.449-1.198%201.874-1.376%204.552l-.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-.037-.396-.362-.804-.993-1.408%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15%209.99V10m-2-6.002C13%202.894%2013.895%202%2015%202a1.999%201.999%200%200%201%201.363%203.46C15.757%206.022%2015%206.665%2015%207.492M9.907%203.283c-1.21-1.04-2.02-1.515-2.859-1.173c-1.103.449-1.198%201.874-1.376%204.552l-.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-.037-.396-.362-.804-.993-1.408%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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