cursor icon

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

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

5 other variants in Phosphor

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

The same icon in other sets

cursorAkar Icons cursorBootstrap Icons cursorCatppuccin Icons cursorCodicons cursorDevicon cursor-16-filledFluent UI System Icons cursorHumbleicons cursorSVG Logos cursorMaterial Icon Theme cursor-fillMingCute Icon cursorOpenMoji cursor-fillRemix Icon cursorSimple Icons cursor-boldSolar cursorTDesign Icons

Related icons in Phosphor

cursor-click cursor-text

Use the cursor icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M166.59 134.1a1.91 1.91 0 0 1-.55-1.79a2 2 0 0 1 1.08-1.42l46.25-17.76l.24-.1A14 14 0 0 0 212.38 87L52.29 34.7A13.95 13.95 0 0 0 34.7 52.29L87 212.38a13.82 13.82 0 0 0 12.6 9.6h.69a13.84 13.84 0 0 0 12.71-8.37a2 2 0 0 0 .1-.24l17.76-46.25a2 2 0 0 1 3.21-.53l51.31 51.31a14 14 0 0 0 19.8 0l12.69-12.69a14 14 0 0 0 0-19.8Zm42.82 62.63l-12.68 12.68a2 2 0 0 1-2.83 0l-51.31-51.31a14 14 0 0 0-22.74 4.32a2 2 0 0 0-.1.24L102 208.91a2 2 0 0 1-3.61-.26L46.11 48.57a1.87 1.87 0 0 1 .47-2a1.92 1.92 0 0 1 1.35-.57a2.2 2.2 0 0 1 .64.1l160.08 52.28a2 2 0 0 1 .26 3.61l-46.25 17.76l-.24.1a14 14 0 0 0-4.32 22.74l51.31 51.31a2 2 0 0 1 0 2.83"/></svg>

React

import type { SVGProps } from "react";

export function PhCursorLight(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="M166.59 134.1a1.91 1.91 0 0 1-.55-1.79a2 2 0 0 1 1.08-1.42l46.25-17.76l.24-.1A14 14 0 0 0 212.38 87L52.29 34.7A13.95 13.95 0 0 0 34.7 52.29L87 212.38a13.82 13.82 0 0 0 12.6 9.6h.69a13.84 13.84 0 0 0 12.71-8.37a2 2 0 0 0 .1-.24l17.76-46.25a2 2 0 0 1 3.21-.53l51.31 51.31a14 14 0 0 0 19.8 0l12.69-12.69a14 14 0 0 0 0-19.8Zm42.82 62.63l-12.68 12.68a2 2 0 0 1-2.83 0l-51.31-51.31a14 14 0 0 0-22.74 4.32a2 2 0 0 0-.1.24L102 208.91a2 2 0 0 1-3.61-.26L46.11 48.57a1.87 1.87 0 0 1 .47-2a1.92 1.92 0 0 1 1.35-.57a2.2 2.2 0 0 1 .64.1l160.08 52.28a2 2 0 0 1 .26 3.61l-46.25 17.76l-.24.1a14 14 0 0 0-4.32 22.74l51.31 51.31a2 2 0 0 1 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="M166.59 134.1a1.91 1.91 0 0 1-.55-1.79a2 2 0 0 1 1.08-1.42l46.25-17.76l.24-.1A14 14 0 0 0 212.38 87L52.29 34.7A13.95 13.95 0 0 0 34.7 52.29L87 212.38a13.82 13.82 0 0 0 12.6 9.6h.69a13.84 13.84 0 0 0 12.71-8.37a2 2 0 0 0 .1-.24l17.76-46.25a2 2 0 0 1 3.21-.53l51.31 51.31a14 14 0 0 0 19.8 0l12.69-12.69a14 14 0 0 0 0-19.8Zm42.82 62.63l-12.68 12.68a2 2 0 0 1-2.83 0l-51.31-51.31a14 14 0 0 0-22.74 4.32a2 2 0 0 0-.1.24L102 208.91a2 2 0 0 1-3.61-.26L46.11 48.57a1.87 1.87 0 0 1 .47-2a1.92 1.92 0 0 1 1.35-.57a2.2 2.2 0 0 1 .64.1l160.08 52.28a2 2 0 0 1 .26 3.61l-46.25 17.76l-.24.1a14 14 0 0 0-4.32 22.74l51.31 51.31a2 2 0 0 1 0 2.83"/></svg>
</template>

CSS

.icon-cursor-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%22M166.59%20134.1a1.91%201.91%200%200%201-.55-1.79a2%202%200%200%201%201.08-1.42l46.25-17.76l.24-.1A14%2014%200%200%200%20212.38%2087L52.29%2034.7A13.95%2013.95%200%200%200%2034.7%2052.29L87%20212.38a13.82%2013.82%200%200%200%2012.6%209.6h.69a13.84%2013.84%200%200%200%2012.71-8.37a2%202%200%200%200%20.1-.24l17.76-46.25a2%202%200%200%201%203.21-.53l51.31%2051.31a14%2014%200%200%200%2019.8%200l12.69-12.69a14%2014%200%200%200%200-19.8Zm42.82%2062.63l-12.68%2012.68a2%202%200%200%201-2.83%200l-51.31-51.31a14%2014%200%200%200-22.74%204.32a2%202%200%200%200-.1.24L102%20208.91a2%202%200%200%201-3.61-.26L46.11%2048.57a1.87%201.87%200%200%201%20.47-2a1.92%201.92%200%200%201%201.35-.57a2.2%202.2%200%200%201%20.64.1l160.08%2052.28a2%202%200%200%201%20.26%203.61l-46.25%2017.76l-.24.1a14%2014%200%200%200-4.32%2022.74l51.31%2051.31a2%202%200%200%201%200%202.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%22M166.59%20134.1a1.91%201.91%200%200%201-.55-1.79a2%202%200%200%201%201.08-1.42l46.25-17.76l.24-.1A14%2014%200%200%200%20212.38%2087L52.29%2034.7A13.95%2013.95%200%200%200%2034.7%2052.29L87%20212.38a13.82%2013.82%200%200%200%2012.6%209.6h.69a13.84%2013.84%200%200%200%2012.71-8.37a2%202%200%200%200%20.1-.24l17.76-46.25a2%202%200%200%201%203.21-.53l51.31%2051.31a14%2014%200%200%200%2019.8%200l12.69-12.69a14%2014%200%200%200%200-19.8Zm42.82%2062.63l-12.68%2012.68a2%202%200%200%201-2.83%200l-51.31-51.31a14%2014%200%200%200-22.74%204.32a2%202%200%200%200-.1.24L102%20208.91a2%202%200%200%201-3.61-.26L46.11%2048.57a1.87%201.87%200%200%201%20.47-2a1.92%201.92%200%200%201%201.35-.57a2.2%202.2%200%200%201%20.64.1l160.08%2052.28a2%202%200%200%201%20.26%203.61l-46.25%2017.76l-.24.1a14%2014%200%200%200-4.32%2022.74l51.31%2051.31a2%202%200%200%201%200%202.83%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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