Cursor Off Sharp Duotone icon

keyline-icons:cursor-off-sharp-duotone

The Cursor Off Sharp Duotone icon (keyline-icons:cursor-off-sharp-duotone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: cursoroff, offsharp, sharpduotone, cursoroffsharpduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M7.09861 6.31127C7.42257 6.24725 7.76207 6.34788 7.99998 6.58568L17.5547 16.1413C17.822 16.4087 17.9157 16.8039 17.7969 17.1628L17.6386 17.6384L17.6396 17.6394L16.0859 22.3142C15.9862 22.6144 15.7751 22.8158 15.5273 22.9187C15.5123 22.9251 15.4978 22.9326 15.4824 22.9382C15.4693 22.9429 15.4556 22.9458 15.4424 22.9499C15.3651 22.9748 15.2847 22.9924 15.2011 22.9978L15.0498 22.9968C15.029 22.995 15.0088 22.9892 14.9883 22.9861C14.9605 22.9821 14.9327 22.9787 14.9053 22.9724C14.9006 22.9713 14.8962 22.9697 14.8916 22.9685C14.6674 22.9135 14.4593 22.7824 14.3144 22.5691C14.2849 22.5265 14.2583 22.4811 14.2353 22.4333L10.0351 13.6902L1.60545 10.074C1.51002 10.033 1.42356 9.97833 1.34763 9.91283C0.790146 9.44249 0.90965 8.47767 1.66795 8.21068L6.50877 6.50756L6.96092 6.34936L7.09861 6.31127Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M20.0029 2.03002C20.247 1.98242 20.486 1.99326 20.709 2.04955C20.7834 2.06815 20.8563 2.08966 20.9267 2.11986C20.96 2.12967 20.9963 2.14967 21.0303 2.16576C21.3704 2.32981 21.6514 2.59935 21.8222 2.9392C22.0101 3.3114 22.0647 3.75834 21.9189 4.21654L18.5498 14.7996L9.3242 5.56225L19.7578 2.08959C19.8398 2.06129 19.9217 2.04002 20.0029 2.03002Z" stroke="none"/><path d="M1.7072 1.707L22.293 22.2928"/></g></svg>

How to use the Cursor Off Sharp Duotone icon

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:cursor-off-sharp-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:cursor-off-sharp-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:cursor-off-sharp-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--cursor-off-sharp-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:cursor-off-sharp-duotone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:cursor-off-sharp-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-off-sharp-duotone.svg" alt="Cursor Off Sharp Duotone icon" width="24" height="24">

Related icons in Keyline Icons

Cursor Off Sharp Duotone icon FAQ

Is the Cursor Off Sharp Duotone icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Cursor Off Sharp Duotone icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:cursor-off-sharp-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cursor Off Sharp Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-off-sharp-duotone.svg" alt="Cursor Off Sharp Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →