cursor icon
cursor-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- cursor-broken
- Set
- Solar
- Style
- Broken
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the cursor 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="M9 4.94198C6.47561 4.02693 5.129 3.65381 4.39141 4.39141C3.55146 5.23136 4.15187 6.86106 5.3527 10.1205L7.3603 15.5696C7.96225 17.2035 8.26322 18.0204 8.92489 18.1658C9.58656 18.3111 10.2022 17.6955 11.4334 16.4643L12.6361 15.2616L16.5744 19.1999C16.9821 19.6077 17.186 19.8116 17.4135 19.9058C17.7168 20.0314 18.0575 20.0314 18.3608 19.9058C18.5882 19.8116 18.7921 19.6077 19.1999 19.1999C19.6077 18.7921 19.8116 18.5882 19.9058 18.3608C20.0314 18.0575 20.0314 17.7168 19.9058 17.4135C19.8116 17.186 19.6077 16.9821 19.1999 16.5744L15.2616 12.6361L16.4643 11.4334C17.6955 10.2022 18.3111 9.58656 18.1658 8.92489C18.0204 8.26322 17.2035 7.96225 15.5696 7.3603L13 6.41359"/></svg>
React
import type { SVGProps } from "react";
export function SolarCursorBroken(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="M9 4.94198C6.47561 4.02693 5.129 3.65381 4.39141 4.39141C3.55146 5.23136 4.15187 6.86106 5.3527 10.1205L7.3603 15.5696C7.96225 17.2035 8.26322 18.0204 8.92489 18.1658C9.58656 18.3111 10.2022 17.6955 11.4334 16.4643L12.6361 15.2616L16.5744 19.1999C16.9821 19.6077 17.186 19.8116 17.4135 19.9058C17.7168 20.0314 18.0575 20.0314 18.3608 19.9058C18.5882 19.8116 18.7921 19.6077 19.1999 19.1999C19.6077 18.7921 19.8116 18.5882 19.9058 18.3608C20.0314 18.0575 20.0314 17.7168 19.9058 17.4135C19.8116 17.186 19.6077 16.9821 19.1999 16.5744L15.2616 12.6361L16.4643 11.4334C17.6955 10.2022 18.3111 9.58656 18.1658 8.92489C18.0204 8.26322 17.2035 7.96225 15.5696 7.3603L13 6.41359"/></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="M9 4.94198C6.47561 4.02693 5.129 3.65381 4.39141 4.39141C3.55146 5.23136 4.15187 6.86106 5.3527 10.1205L7.3603 15.5696C7.96225 17.2035 8.26322 18.0204 8.92489 18.1658C9.58656 18.3111 10.2022 17.6955 11.4334 16.4643L12.6361 15.2616L16.5744 19.1999C16.9821 19.6077 17.186 19.8116 17.4135 19.9058C17.7168 20.0314 18.0575 20.0314 18.3608 19.9058C18.5882 19.8116 18.7921 19.6077 19.1999 19.1999C19.6077 18.7921 19.8116 18.5882 19.9058 18.3608C20.0314 18.0575 20.0314 17.7168 19.9058 17.4135C19.8116 17.186 19.6077 16.9821 19.1999 16.5744L15.2616 12.6361L16.4643 11.4334C17.6955 10.2022 18.3111 9.58656 18.1658 8.92489C18.0204 8.26322 17.2035 7.96225 15.5696 7.3603L13 6.41359"/></svg> </template>
CSS
.icon-cursor-broken {
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%22M9%204.94198C6.47561%204.02693%205.129%203.65381%204.39141%204.39141C3.55146%205.23136%204.15187%206.86106%205.3527%2010.1205L7.3603%2015.5696C7.96225%2017.2035%208.26322%2018.0204%208.92489%2018.1658C9.58656%2018.3111%2010.2022%2017.6955%2011.4334%2016.4643L12.6361%2015.2616L16.5744%2019.1999C16.9821%2019.6077%2017.186%2019.8116%2017.4135%2019.9058C17.7168%2020.0314%2018.0575%2020.0314%2018.3608%2019.9058C18.5882%2019.8116%2018.7921%2019.6077%2019.1999%2019.1999C19.6077%2018.7921%2019.8116%2018.5882%2019.9058%2018.3608C20.0314%2018.0575%2020.0314%2017.7168%2019.9058%2017.4135C19.8116%2017.186%2019.6077%2016.9821%2019.1999%2016.5744L15.2616%2012.6361L16.4643%2011.4334C17.6955%2010.2022%2018.3111%209.58656%2018.1658%208.92489C18.0204%208.26322%2017.2035%207.96225%2015.5696%207.3603L13%206.41359%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%22M9%204.94198C6.47561%204.02693%205.129%203.65381%204.39141%204.39141C3.55146%205.23136%204.15187%206.86106%205.3527%2010.1205L7.3603%2015.5696C7.96225%2017.2035%208.26322%2018.0204%208.92489%2018.1658C9.58656%2018.3111%2010.2022%2017.6955%2011.4334%2016.4643L12.6361%2015.2616L16.5744%2019.1999C16.9821%2019.6077%2017.186%2019.8116%2017.4135%2019.9058C17.7168%2020.0314%2018.0575%2020.0314%2018.3608%2019.9058C18.5882%2019.8116%2018.7921%2019.6077%2019.1999%2019.1999C19.6077%2018.7921%2019.8116%2018.5882%2019.9058%2018.3608C20.0314%2018.0575%2020.0314%2017.7168%2019.9058%2017.4135C19.8116%2017.186%2019.6077%2016.9821%2019.1999%2016.5744L15.2616%2012.6361L16.4643%2011.4334C17.6955%2010.2022%2018.3111%209.58656%2018.1658%208.92489C18.0204%208.26322%2017.2035%207.96225%2015.5696%207.3603L13%206.41359%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/cursor-broken.svg?color=%231a73e8&size=48
