Ícone Cursor Off Two Tone

keyline-icons:cursor-off-two-tone

O ícone Cursor Off Two Tone (keyline-icons:cursor-off-two-tone) é 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: cursoroff, offtwo, twotone, cursorofftwotone

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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M17.5069 13.2643C17.6199 13.3773 17.7583 13.4616 17.91 13.5101C18.4369 13.6777 18.9993 13.3869 19.1669 12.8606L21.9189 4.217C22.0647 3.7588 22.0102 3.3123 21.8223 2.9401C21.6515 2.6001 21.3706 2.3303 21.0303 2.1662C20.9963 2.1501 20.96 2.1301 20.9267 2.1203C20.8563 2.0901 20.7834 2.0687 20.709 2.0501C20.486 1.9938 20.247 1.9825 20.0029 2.0301C19.9217 2.0401 19.8398 2.0618 19.7578 2.0901L11.221 4.9313C10.6973 5.1055 10.41 5.6714 10.59 6.2001C10.6367 6.3429 10.7194 6.4767 10.8293 6.5866L17.5069 13.2643ZM6.5022 6.5022L3.1641 7.6135C3.1175 7.629 3.0721 7.6457 3.0283 7.6642C2.94 7.7014 2.86 7.7442 2.7812 7.7922C2.628 7.8881 2.4971 8.0045 2.3887 8.135C2.253 8.2981 2.15 8.4837 2.09 8.6799C2.04 8.8368 2.01 9.0006 2 9.1652C2 9.2886 2 9.4126 2.03 9.5344C2.05 9.6561 2.0832 9.7757 2.13 9.8908C2.2422 10.1598 2.4248 10.4041 2.6807 10.5901C2.7902 10.671 2.9134 10.7405 3.0498 10.7971L10.03 13.6901L13.4697 21.0207C13.4903 21.0645 13.51 21.1069 13.5351 21.1476C14.2524 22.4107 16.1791 22.2451 16.6348 20.8146L17.64 17.6401L6.5022 6.5022Z" stroke="none"/><path d="M2 2L22 22M7.2925 7.2925L3.4803 8.5617C2.86 8.7669 2.8329 9.6243 3.4328 9.8732L10.5226 12.8146C10.6843 12.8817 10.8152 13.0065 10.8893 13.1647L14.3746 20.596C14.6459 21.174 15.4879 21.1195 15.6816 20.5112L16.8479 16.8479L7.2925 7.2925Z"/></g></svg>

Como usar o ícone Cursor Off Two Tone

React

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

<Icon icon="keyline-icons:cursor-off-two-tone" width="24" />

Vue

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

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

Svelte

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

<Icon icon="keyline-icons:cursor-off-two-tone" width="24" />

Tailwind CSS

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

UnoCSS

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-off-two-tone.svg" alt="Ícone Cursor Off Two Tone" width="24" height="24">

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Cursor Off Two Tone

O ícone Cursor Off Two Tone é 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 Off Two Tone no React?

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

Como adiciono o ícone Cursor Off Two Tone 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-off-two-tone.svg" alt="Ícone Cursor Off Two Tone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →