Cursor Signal Duotone icon

keyline-icons:cursor-signal-duotone

The Cursor Signal Duotone icon (keyline-icons:cursor-signal-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: cursorsignal, signalduotone, cursorsignalduotone

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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M9.33541 11.1582C8.98387 10.053 9.99387 9.02619 11.0805 9.30369L11.186 9.33396L22.0034 12.9375C23.2819 13.3639 23.3468 15.1486 22.101 15.666L17.6723 17.5029L15.4907 22.1601C14.9281 23.3592 13.1822 23.2485 12.7797 21.9834L9.33541 11.1582Z" stroke="none"/><path d="M6 10C6 7.7909 7.7909 6 10 6M2 10C2 5.5817 5.5817 2 10 2"/></g></svg>

How to use the Cursor Signal Duotone icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Keyline Icons

Cursor Signal Duotone icon FAQ

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

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

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

Browse all Keyline Icons →