Cursor Line Duotone icon

solar:cursor-line-duotone

The Cursor Line Duotone icon (solar:cursor-line-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: UI
Tags: cursorline, lineduotone, cursorlineduotone

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="1.5"><path d="M12.6361 15.2616L11.4334 16.4643C10.2022 17.6955 9.58656 18.3111 8.92489 18.1658C8.26322 18.0204 7.96225 17.2035 7.3603 15.5696L5.3527 10.1205C4.15187 6.86106 3.55146 5.23136 4.39141 4.39141C5.23136 3.55146 6.86106 4.15187 10.1205 5.35271L15.5696 7.3603C17.2035 7.96225 18.0204 8.26322 18.1658 8.92489C18.3111 9.58656 17.6955 10.2022 16.4643 11.4334L15.2616 12.6361"/><path d="M12.636 15.2618L16.5743 19.2001C16.9821 19.6079 17.186 19.8117 17.4134 19.906C17.7167 20.0316 18.0574 20.0316 18.3607 19.906C18.5882 19.8117 18.792 19.6078 19.1998 19.2001C19.6076 18.7923 19.8115 18.5884 19.9057 18.3609C20.0313 18.0577 20.0313 17.7169 19.9057 17.4137C19.8115 17.1862 19.6076 16.9823 19.1998 16.5745L15.2615 12.6362" opacity=".5"/></g></svg>

How to use the Cursor Line Duotone icon

React

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

<Icon icon="solar:cursor-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:cursor-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:cursor-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cursor-line-duotone]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:cursor-line-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/cursor-line-duotone.svg" alt="Cursor Line Duotone icon" width="24" height="24">

Related icons in Solar

Cursor Line Duotone icon FAQ

Is the Cursor Line Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Cursor Line Duotone icon in React?

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

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

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

Browse all Solar icons →