cursor off icon
cursor-off from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- cursor-off
- Set
- Keyline Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the cursor off 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="2" d="M7.2925 7.2925L3.4803 8.5617C2.8639 8.7669 2.8329 9.6243 3.4328 9.8732L10.5226 12.8146C10.6843 12.8817 10.8152 13.0065 10.8893 13.1647L14.3746 20.596C14.6459 21.174 15.4879 21.1195 15.6816 20.5112L16.8479 16.8479ZM18.214 12.5572L20.9659 3.9139C21.1398 3.3677 20.6184 2.8558 20.0732 3.0373L11.5364 5.8795M2 2L22 22"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCursorOff(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="2" d="M7.2925 7.2925L3.4803 8.5617C2.8639 8.7669 2.8329 9.6243 3.4328 9.8732L10.5226 12.8146C10.6843 12.8817 10.8152 13.0065 10.8893 13.1647L14.3746 20.596C14.6459 21.174 15.4879 21.1195 15.6816 20.5112L16.8479 16.8479ZM18.214 12.5572L20.9659 3.9139C21.1398 3.3677 20.6184 2.8558 20.0732 3.0373L11.5364 5.8795M2 2L22 22"/></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="2" d="M7.2925 7.2925L3.4803 8.5617C2.8639 8.7669 2.8329 9.6243 3.4328 9.8732L10.5226 12.8146C10.6843 12.8817 10.8152 13.0065 10.8893 13.1647L14.3746 20.596C14.6459 21.174 15.4879 21.1195 15.6816 20.5112L16.8479 16.8479ZM18.214 12.5572L20.9659 3.9139C21.1398 3.3677 20.6184 2.8558 20.0732 3.0373L11.5364 5.8795M2 2L22 22"/></svg> </template>
CSS
.icon-cursor-off {
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%222%22%20d%3D%22M7.2925%207.2925L3.4803%208.5617C2.8639%208.7669%202.8329%209.6243%203.4328%209.8732L10.5226%2012.8146C10.6843%2012.8817%2010.8152%2013.0065%2010.8893%2013.1647L14.3746%2020.596C14.6459%2021.174%2015.4879%2021.1195%2015.6816%2020.5112L16.8479%2016.8479ZM18.214%2012.5572L20.9659%203.9139C21.1398%203.3677%2020.6184%202.8558%2020.0732%203.0373L11.5364%205.8795M2%202L22%2022%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%222%22%20d%3D%22M7.2925%207.2925L3.4803%208.5617C2.8639%208.7669%202.8329%209.6243%203.4328%209.8732L10.5226%2012.8146C10.6843%2012.8817%2010.8152%2013.0065%2010.8893%2013.1647L14.3746%2020.596C14.6459%2021.174%2015.4879%2021.1195%2015.6816%2020.5112L16.8479%2016.8479ZM18.214%2012.5572L20.9659%203.9139C21.1398%203.3677%2020.6184%202.8558%2020.0732%203.0373L11.5364%205.8795M2%202L22%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/cursor-off.svg?color=%231a73e8&size=48
