cursor click icon
cursor-click-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.
- Name
- cursor-click-sharp-duotone
- Set
- Keyline Icons
- Style
- Sharp Duotone
- 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 click icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M8.27237 8.24183C8.54563 7.97306 8.94844 7.88454 9.30948 8.01332L22.3358 12.6588C22.7153 12.7942 22.976 13.1443 22.998 13.5465C23.0197 13.9487 22.798 14.325 22.4355 14.5006L17.2187 17.028L14.2802 22.4743C14.0912 22.8241 13.7126 23.029 13.3163 22.9957C12.9201 22.9624 12.581 22.6974 12.453 22.3209L8.02628 9.27601C7.90315 8.91299 7.99932 8.51087 8.27237 8.24183Z" stroke="none"/><path d="M11.4668 6.46821L14.6629 3.28041M8.19939 5.64411L6.75289 1.31641M5.65289 8.18201L1.31549 6.73991M6.48059 11.4412L3.28449 14.629"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCursorClickSharpDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M8.27237 8.24183C8.54563 7.97306 8.94844 7.88454 9.30948 8.01332L22.3358 12.6588C22.7153 12.7942 22.976 13.1443 22.998 13.5465C23.0197 13.9487 22.798 14.325 22.4355 14.5006L17.2187 17.028L14.2802 22.4743C14.0912 22.8241 13.7126 23.029 13.3163 22.9957C12.9201 22.9624 12.581 22.6974 12.453 22.3209L8.02628 9.27601C7.90315 8.91299 7.99932 8.51087 8.27237 8.24183Z" stroke="none"/><path d="M11.4668 6.46821L14.6629 3.28041M8.19939 5.64411L6.75289 1.31641M5.65289 8.18201L1.31549 6.73991M6.48059 11.4412L3.28449 14.629"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M8.27237 8.24183C8.54563 7.97306 8.94844 7.88454 9.30948 8.01332L22.3358 12.6588C22.7153 12.7942 22.976 13.1443 22.998 13.5465C23.0197 13.9487 22.798 14.325 22.4355 14.5006L17.2187 17.028L14.2802 22.4743C14.0912 22.8241 13.7126 23.029 13.3163 22.9957C12.9201 22.9624 12.581 22.6974 12.453 22.3209L8.02628 9.27601C7.90315 8.91299 7.99932 8.51087 8.27237 8.24183Z" stroke="none"/><path d="M11.4668 6.46821L14.6629 3.28041M8.19939 5.64411L6.75289 1.31641M5.65289 8.18201L1.31549 6.73991M6.48059 11.4412L3.28449 14.629"/></g></svg> </template>
CSS
.icon-cursor-click-sharp-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M8.27237%208.24183C8.54563%207.97306%208.94844%207.88454%209.30948%208.01332L22.3358%2012.6588C22.7153%2012.7942%2022.976%2013.1443%2022.998%2013.5465C23.0197%2013.9487%2022.798%2014.325%2022.4355%2014.5006L17.2187%2017.028L14.2802%2022.4743C14.0912%2022.8241%2013.7126%2023.029%2013.3163%2022.9957C12.9201%2022.9624%2012.581%2022.6974%2012.453%2022.3209L8.02628%209.27601C7.90315%208.91299%207.99932%208.51087%208.27237%208.24183Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M11.4668%206.46821L14.6629%203.28041M8.19939%205.64411L6.75289%201.31641M5.65289%208.18201L1.31549%206.73991M6.48059%2011.4412L3.28449%2014.629%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M8.27237%208.24183C8.54563%207.97306%208.94844%207.88454%209.30948%208.01332L22.3358%2012.6588C22.7153%2012.7942%2022.976%2013.1443%2022.998%2013.5465C23.0197%2013.9487%2022.798%2014.325%2022.4355%2014.5006L17.2187%2017.028L14.2802%2022.4743C14.0912%2022.8241%2013.7126%2023.029%2013.3163%2022.9957C12.9201%2022.9624%2012.581%2022.6974%2012.453%2022.3209L8.02628%209.27601C7.90315%208.91299%207.99932%208.51087%208.27237%208.24183Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M11.4668%206.46821L14.6629%203.28041M8.19939%205.64411L6.75289%201.31641M5.65289%208.18201L1.31549%206.73991M6.48059%2011.4412L3.28449%2014.629%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/cursor-click-sharp-duotone.svg?color=%231a73e8&size=48
