cursor click icon

cursor-click-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: cursor-click-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

cursor-click cursor-click-bold cursor-click-duotone cursor-click-fill cursor-click-light

The same icon in other sets

cursor-click-20-filledFluent UI System Icons cursor-clickMajesticons

Related icons in Phosphor

cursor-text

Use the cursor click icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M92 24v-8a4 4 0 0 1 8 0v8a4 4 0 0 1-8 0m-76 76h8a4 4 0 0 0 0-8h-8a4 4 0 0 0 0 8m110.21-64.42a4 4 0 0 0 5.37-1.79l8-16a4 4 0 0 0-7.16-3.58l-8 16a4 4 0 0 0 1.79 5.37m-96 88.84l-16 8a4 4 0 0 0 3.58 7.16l16-8a4 4 0 1 0-3.58-7.16m186.28 62.41a12 12 0 0 1 0 17l-12.69 12.66a12 12 0 0 1-17 0l-51.31-51.31a3.93 3.93 0 0 0-3.58-1.11a4 4 0 0 0-2.89 2.27l-17.78 46.31a1 1 0 0 1-.07.16a11.85 11.85 0 0 1-10.91 7.19h-.59a11.88 11.88 0 0 1-10.8-8.23L36.6 51.68A12 12 0 0 1 51.68 36.6l160.08 52.27a12 12 0 0 1 1.05 22.33l-.16.07l-46.31 17.78a4 4 0 0 0-1.17 6.47Zm-5.66 5.66l-51.31-51.32a12 12 0 0 1 3.7-19.49l.16-.06l46.31-17.79a3.95 3.95 0 0 0-.42-7.35L49.2 44.21a4 4 0 0 0-5 5l52.28 160.06a4 4 0 0 0 7.36.42l17.78-46.31a1 1 0 0 1 .07-.16a12 12 0 0 1 8.76-7a12 12 0 0 1 2.24-.21a12 12 0 0 1 8.49 3.52l51.31 51.31a4 4 0 0 0 5.65 0l12.69-12.69a4 4 0 0 0 0-5.66"/></svg>

React

import type { SVGProps } from "react";

export function PhCursorClickThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M92 24v-8a4 4 0 0 1 8 0v8a4 4 0 0 1-8 0m-76 76h8a4 4 0 0 0 0-8h-8a4 4 0 0 0 0 8m110.21-64.42a4 4 0 0 0 5.37-1.79l8-16a4 4 0 0 0-7.16-3.58l-8 16a4 4 0 0 0 1.79 5.37m-96 88.84l-16 8a4 4 0 0 0 3.58 7.16l16-8a4 4 0 1 0-3.58-7.16m186.28 62.41a12 12 0 0 1 0 17l-12.69 12.66a12 12 0 0 1-17 0l-51.31-51.31a3.93 3.93 0 0 0-3.58-1.11a4 4 0 0 0-2.89 2.27l-17.78 46.31a1 1 0 0 1-.07.16a11.85 11.85 0 0 1-10.91 7.19h-.59a11.88 11.88 0 0 1-10.8-8.23L36.6 51.68A12 12 0 0 1 51.68 36.6l160.08 52.27a12 12 0 0 1 1.05 22.33l-.16.07l-46.31 17.78a4 4 0 0 0-1.17 6.47Zm-5.66 5.66l-51.31-51.32a12 12 0 0 1 3.7-19.49l.16-.06l46.31-17.79a3.95 3.95 0 0 0-.42-7.35L49.2 44.21a4 4 0 0 0-5 5l52.28 160.06a4 4 0 0 0 7.36.42l17.78-46.31a1 1 0 0 1 .07-.16a12 12 0 0 1 8.76-7a12 12 0 0 1 2.24-.21a12 12 0 0 1 8.49 3.52l51.31 51.31a4 4 0 0 0 5.65 0l12.69-12.69a4 4 0 0 0 0-5.66"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M92 24v-8a4 4 0 0 1 8 0v8a4 4 0 0 1-8 0m-76 76h8a4 4 0 0 0 0-8h-8a4 4 0 0 0 0 8m110.21-64.42a4 4 0 0 0 5.37-1.79l8-16a4 4 0 0 0-7.16-3.58l-8 16a4 4 0 0 0 1.79 5.37m-96 88.84l-16 8a4 4 0 0 0 3.58 7.16l16-8a4 4 0 1 0-3.58-7.16m186.28 62.41a12 12 0 0 1 0 17l-12.69 12.66a12 12 0 0 1-17 0l-51.31-51.31a3.93 3.93 0 0 0-3.58-1.11a4 4 0 0 0-2.89 2.27l-17.78 46.31a1 1 0 0 1-.07.16a11.85 11.85 0 0 1-10.91 7.19h-.59a11.88 11.88 0 0 1-10.8-8.23L36.6 51.68A12 12 0 0 1 51.68 36.6l160.08 52.27a12 12 0 0 1 1.05 22.33l-.16.07l-46.31 17.78a4 4 0 0 0-1.17 6.47Zm-5.66 5.66l-51.31-51.32a12 12 0 0 1 3.7-19.49l.16-.06l46.31-17.79a3.95 3.95 0 0 0-.42-7.35L49.2 44.21a4 4 0 0 0-5 5l52.28 160.06a4 4 0 0 0 7.36.42l17.78-46.31a1 1 0 0 1 .07-.16a12 12 0 0 1 8.76-7a12 12 0 0 1 2.24-.21a12 12 0 0 1 8.49 3.52l51.31 51.31a4 4 0 0 0 5.65 0l12.69-12.69a4 4 0 0 0 0-5.66"/></svg>
</template>

CSS

.icon-cursor-click-thin {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M92%2024v-8a4%204%200%200%201%208%200v8a4%204%200%200%201-8%200m-76%2076h8a4%204%200%200%200%200-8h-8a4%204%200%200%200%200%208m110.21-64.42a4%204%200%200%200%205.37-1.79l8-16a4%204%200%200%200-7.16-3.58l-8%2016a4%204%200%200%200%201.79%205.37m-96%2088.84l-16%208a4%204%200%200%200%203.58%207.16l16-8a4%204%200%201%200-3.58-7.16m186.28%2062.41a12%2012%200%200%201%200%2017l-12.69%2012.66a12%2012%200%200%201-17%200l-51.31-51.31a3.93%203.93%200%200%200-3.58-1.11a4%204%200%200%200-2.89%202.27l-17.78%2046.31a1%201%200%200%201-.07.16a11.85%2011.85%200%200%201-10.91%207.19h-.59a11.88%2011.88%200%200%201-10.8-8.23L36.6%2051.68A12%2012%200%200%201%2051.68%2036.6l160.08%2052.27a12%2012%200%200%201%201.05%2022.33l-.16.07l-46.31%2017.78a4%204%200%200%200-1.17%206.47Zm-5.66%205.66l-51.31-51.32a12%2012%200%200%201%203.7-19.49l.16-.06l46.31-17.79a3.95%203.95%200%200%200-.42-7.35L49.2%2044.21a4%204%200%200%200-5%205l52.28%20160.06a4%204%200%200%200%207.36.42l17.78-46.31a1%201%200%200%201%20.07-.16a12%2012%200%200%201%208.76-7a12%2012%200%200%201%202.24-.21a12%2012%200%200%201%208.49%203.52l51.31%2051.31a4%204%200%200%200%205.65%200l12.69-12.69a4%204%200%200%200%200-5.66%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M92%2024v-8a4%204%200%200%201%208%200v8a4%204%200%200%201-8%200m-76%2076h8a4%204%200%200%200%200-8h-8a4%204%200%200%200%200%208m110.21-64.42a4%204%200%200%200%205.37-1.79l8-16a4%204%200%200%200-7.16-3.58l-8%2016a4%204%200%200%200%201.79%205.37m-96%2088.84l-16%208a4%204%200%200%200%203.58%207.16l16-8a4%204%200%201%200-3.58-7.16m186.28%2062.41a12%2012%200%200%201%200%2017l-12.69%2012.66a12%2012%200%200%201-17%200l-51.31-51.31a3.93%203.93%200%200%200-3.58-1.11a4%204%200%200%200-2.89%202.27l-17.78%2046.31a1%201%200%200%201-.07.16a11.85%2011.85%200%200%201-10.91%207.19h-.59a11.88%2011.88%200%200%201-10.8-8.23L36.6%2051.68A12%2012%200%200%201%2051.68%2036.6l160.08%2052.27a12%2012%200%200%201%201.05%2022.33l-.16.07l-46.31%2017.78a4%204%200%200%200-1.17%206.47Zm-5.66%205.66l-51.31-51.32a12%2012%200%200%201%203.7-19.49l.16-.06l46.31-17.79a3.95%203.95%200%200%200-.42-7.35L49.2%2044.21a4%204%200%200%200-5%205l52.28%20160.06a4%204%200%200%200%207.36.42l17.78-46.31a1%201%200%200%201%20.07-.16a12%2012%200%200%201%208.76-7a12%2012%200%200%201%202.24-.21a12%2012%200%200%201%208.49%203.52l51.31%2051.31a4%204%200%200%200%205.65%200l12.69-12.69a4%204%200%200%200%200-5.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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