Cursor Panel Sharp Duotone icon

keyline-icons:cursor-panel-sharp-duotone

The Cursor Panel Sharp Duotone icon (keyline-icons:cursor-panel-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: cursorpanel, panelsharp, sharpduotone, cursorpanelsharpduotone

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 stroke-opacity=".4" d="M10 20H3V3H20V10"/><path fill="currentColor" d="M9.84768 9.81429C10.1219 9.5446 10.5269 9.45623 10.8887 9.58675L21.3399 13.3582C21.7161 13.4942 21.9748 13.8417 21.9981 14.2411C22.0212 14.6405 21.8043 15.0156 21.4463 15.1942L17.377 17.2205L15.0176 21.4832C14.8261 21.8289 14.4484 22.0295 14.0547 21.995C13.6613 21.9602 13.3246 21.6976 13.1963 21.3241L9.60257 10.8514C9.47793 10.4876 9.57368 10.0841 9.84768 9.81429Z" stroke="none"/></g></svg>

How to use the Cursor Panel Sharp Duotone icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:cursor-panel-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-panel-sharp-duotone"></iconify-icon>

HTML image

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

Related icons in Keyline Icons

Cursor Panel Sharp Duotone icon FAQ

Is the Cursor Panel 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 Panel Sharp Duotone icon in React?

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

How do I add the Cursor Panel 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-panel-sharp-duotone.svg" alt="Cursor Panel Sharp Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →