Ícone Cursor Off

keyline-icons:cursor-off

O ícone Cursor Off (keyline-icons:cursor-off) é 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

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.2925 7.2925L3.4803 8.5617C2.8639 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.8479ZM18.214 12.5572L20.9659 3.9139C21.1398 3.3677 20.6184 2.8558 20.0732 3.0373L11.5364 5.8795M2 2L22 22"/></svg>

Como usar o ícone Cursor Off

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagem HTML

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

Ícones relacionados em Keyline Icons

O ícone Cursor Off em outras coleções

Perguntas frequentes sobre Ícone Cursor Off

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

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

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

Ver todos os Keyline Icons →