Ícone Cursor Click Sharp Duotone

keyline-icons:cursor-click-sharp-duotone

O ícone Cursor Click Sharp Duotone (keyline-icons:cursor-click-sharp-duotone) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: cursorclick, clicksharp, sharpduotone, cursorclicksharpduotone

Baixar SVG

Código SVG

<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="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>

Como usar o ícone Cursor Click Sharp Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagem HTML

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

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Cursor Click Sharp Duotone

O ícone Cursor Click Sharp Duotone é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Cursor Click Sharp Duotone no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:cursor-click-sharp-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Cursor Click Sharp Duotone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-click-sharp-duotone.svg" alt="Ícone Cursor Click Sharp Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →