cursor click icon

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

Name: cursor-click-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

cursor-click cursor-click-bold cursor-click-duotone cursor-click-fill cursor-click-thin

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="M90 24v-8a6 6 0 0 1 12 0v8a6 6 0 0 1-12 0m-74 78h8a6 6 0 0 0 0-12h-8a6 6 0 0 0 0 12m109.32-64.63a6 6 0 0 0 8.05-2.69l8-16a6 6 0 0 0-10.74-5.37l-8 16a6 6 0 0 0 2.69 8.06m-96 85.26l-16 8a6 6 0 0 0 5.36 10.74l16-8a6 6 0 1 0-5.36-10.74m188.58 62.78a14 14 0 0 1 0 19.8l-12.69 12.69a14 14 0 0 1-19.8 0l-51.31-51.31a2 2 0 0 0-3.21.54l-17.75 46.24a2 2 0 0 0-.1.24a13.85 13.85 0 0 1-12.78 8.39h-.68A13.85 13.85 0 0 1 87 212.38L34.7 52.3a14 14 0 0 1 17.6-17.6L212.38 87a14 14 0 0 1 1.23 26l-.24.09l-46.25 17.76a2 2 0 0 0-.53 3.21Zm-8.49 8.49l-51.31-51.31a14 14 0 0 1 4.32-22.74l.24-.1L208.91 102a2 2 0 0 0-.26-3.61L48.58 46.11a2.3 2.3 0 0 0-.65-.11a2 2 0 0 0-1.82 2.58l52.27 160.07a1.84 1.84 0 0 0 1.77 1.35a1.81 1.81 0 0 0 1.84-1.09l17.76-46.25l.1-.24a14 14 0 0 1 22.74-4.32l51.31 51.31a2 2 0 0 0 2.83 0l12.68-12.68a2 2 0 0 0 0-2.83"/></svg>

React

import type { SVGProps } from "react";

export function PhCursorClickLight(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="M90 24v-8a6 6 0 0 1 12 0v8a6 6 0 0 1-12 0m-74 78h8a6 6 0 0 0 0-12h-8a6 6 0 0 0 0 12m109.32-64.63a6 6 0 0 0 8.05-2.69l8-16a6 6 0 0 0-10.74-5.37l-8 16a6 6 0 0 0 2.69 8.06m-96 85.26l-16 8a6 6 0 0 0 5.36 10.74l16-8a6 6 0 1 0-5.36-10.74m188.58 62.78a14 14 0 0 1 0 19.8l-12.69 12.69a14 14 0 0 1-19.8 0l-51.31-51.31a2 2 0 0 0-3.21.54l-17.75 46.24a2 2 0 0 0-.1.24a13.85 13.85 0 0 1-12.78 8.39h-.68A13.85 13.85 0 0 1 87 212.38L34.7 52.3a14 14 0 0 1 17.6-17.6L212.38 87a14 14 0 0 1 1.23 26l-.24.09l-46.25 17.76a2 2 0 0 0-.53 3.21Zm-8.49 8.49l-51.31-51.31a14 14 0 0 1 4.32-22.74l.24-.1L208.91 102a2 2 0 0 0-.26-3.61L48.58 46.11a2.3 2.3 0 0 0-.65-.11a2 2 0 0 0-1.82 2.58l52.27 160.07a1.84 1.84 0 0 0 1.77 1.35a1.81 1.81 0 0 0 1.84-1.09l17.76-46.25l.1-.24a14 14 0 0 1 22.74-4.32l51.31 51.31a2 2 0 0 0 2.83 0l12.68-12.68a2 2 0 0 0 0-2.83"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M90 24v-8a6 6 0 0 1 12 0v8a6 6 0 0 1-12 0m-74 78h8a6 6 0 0 0 0-12h-8a6 6 0 0 0 0 12m109.32-64.63a6 6 0 0 0 8.05-2.69l8-16a6 6 0 0 0-10.74-5.37l-8 16a6 6 0 0 0 2.69 8.06m-96 85.26l-16 8a6 6 0 0 0 5.36 10.74l16-8a6 6 0 1 0-5.36-10.74m188.58 62.78a14 14 0 0 1 0 19.8l-12.69 12.69a14 14 0 0 1-19.8 0l-51.31-51.31a2 2 0 0 0-3.21.54l-17.75 46.24a2 2 0 0 0-.1.24a13.85 13.85 0 0 1-12.78 8.39h-.68A13.85 13.85 0 0 1 87 212.38L34.7 52.3a14 14 0 0 1 17.6-17.6L212.38 87a14 14 0 0 1 1.23 26l-.24.09l-46.25 17.76a2 2 0 0 0-.53 3.21Zm-8.49 8.49l-51.31-51.31a14 14 0 0 1 4.32-22.74l.24-.1L208.91 102a2 2 0 0 0-.26-3.61L48.58 46.11a2.3 2.3 0 0 0-.65-.11a2 2 0 0 0-1.82 2.58l52.27 160.07a1.84 1.84 0 0 0 1.77 1.35a1.81 1.81 0 0 0 1.84-1.09l17.76-46.25l.1-.24a14 14 0 0 1 22.74-4.32l51.31 51.31a2 2 0 0 0 2.83 0l12.68-12.68a2 2 0 0 0 0-2.83"/></svg>
</template>

CSS

.icon-cursor-click-light {
  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%22M90%2024v-8a6%206%200%200%201%2012%200v8a6%206%200%200%201-12%200m-74%2078h8a6%206%200%200%200%200-12h-8a6%206%200%200%200%200%2012m109.32-64.63a6%206%200%200%200%208.05-2.69l8-16a6%206%200%200%200-10.74-5.37l-8%2016a6%206%200%200%200%202.69%208.06m-96%2085.26l-16%208a6%206%200%200%200%205.36%2010.74l16-8a6%206%200%201%200-5.36-10.74m188.58%2062.78a14%2014%200%200%201%200%2019.8l-12.69%2012.69a14%2014%200%200%201-19.8%200l-51.31-51.31a2%202%200%200%200-3.21.54l-17.75%2046.24a2%202%200%200%200-.1.24a13.85%2013.85%200%200%201-12.78%208.39h-.68A13.85%2013.85%200%200%201%2087%20212.38L34.7%2052.3a14%2014%200%200%201%2017.6-17.6L212.38%2087a14%2014%200%200%201%201.23%2026l-.24.09l-46.25%2017.76a2%202%200%200%200-.53%203.21Zm-8.49%208.49l-51.31-51.31a14%2014%200%200%201%204.32-22.74l.24-.1L208.91%20102a2%202%200%200%200-.26-3.61L48.58%2046.11a2.3%202.3%200%200%200-.65-.11a2%202%200%200%200-1.82%202.58l52.27%20160.07a1.84%201.84%200%200%200%201.77%201.35a1.81%201.81%200%200%200%201.84-1.09l17.76-46.25l.1-.24a14%2014%200%200%201%2022.74-4.32l51.31%2051.31a2%202%200%200%200%202.83%200l12.68-12.68a2%202%200%200%200%200-2.83%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%22M90%2024v-8a6%206%200%200%201%2012%200v8a6%206%200%200%201-12%200m-74%2078h8a6%206%200%200%200%200-12h-8a6%206%200%200%200%200%2012m109.32-64.63a6%206%200%200%200%208.05-2.69l8-16a6%206%200%200%200-10.74-5.37l-8%2016a6%206%200%200%200%202.69%208.06m-96%2085.26l-16%208a6%206%200%200%200%205.36%2010.74l16-8a6%206%200%201%200-5.36-10.74m188.58%2062.78a14%2014%200%200%201%200%2019.8l-12.69%2012.69a14%2014%200%200%201-19.8%200l-51.31-51.31a2%202%200%200%200-3.21.54l-17.75%2046.24a2%202%200%200%200-.1.24a13.85%2013.85%200%200%201-12.78%208.39h-.68A13.85%2013.85%200%200%201%2087%20212.38L34.7%2052.3a14%2014%200%200%201%2017.6-17.6L212.38%2087a14%2014%200%200%201%201.23%2026l-.24.09l-46.25%2017.76a2%202%200%200%200-.53%203.21Zm-8.49%208.49l-51.31-51.31a14%2014%200%200%201%204.32-22.74l.24-.1L208.91%20102a2%202%200%200%200-.26-3.61L48.58%2046.11a2.3%202.3%200%200%200-.65-.11a2%202%200%200%200-1.82%202.58l52.27%20160.07a1.84%201.84%200%200%200%201.77%201.35a1.81%201.81%200%200%200%201.84-1.09l17.76-46.25l.1-.24a14%2014%200%200%201%2022.74-4.32l51.31%2051.31a2%202%200%200%200%202.83%200l12.68-12.68a2%202%200%200%200%200-2.83%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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