ICONYZ
Русский
Иконка Cursor Off Fill из набора Keyline Icons

Иконка Cursor Off Fill

keyline-icons:cursor-off-fill

Иконка Cursor Off Fill (keyline-icons:cursor-off-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Keyline Icons
Автор
Keyline Icons
Лицензия
MIT
Размер
24 × 24
Теги
cursoroff, offfill, cursorofffill
Скачать SVG

Код 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" d="M17.5069 13.2643C17.6199 13.3773 17.7583 13.4616 17.9106 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.9416C21.6515 2.6047 21.3706 2.3303 21.0303 2.1662C20.9963 2.1498 20.9618 2.1344 20.9267 2.1203C20.8563 2.0919 20.7834 2.0687 20.709 2.05C20.486 1.9938 20.247 1.9825 20.0029 2.0266C19.9217 2.0412 19.8398 2.0618 19.7578 2.0891L11.221 4.9313C10.6973 5.1055 10.4131 5.6714 10.5876 6.1954C10.6367 6.3429 10.7194 6.4767 10.8293 6.5866ZM6.5022 6.5022L3.1641 7.6135C3.1175 7.629 3.0721 7.6457 3.0283 7.6642C2.9404 7.7014 2.858 7.7442 2.7812 7.7922C2.628 7.8881 2.4971 8.0045 2.3887 8.135C2.253 8.2981 2.1527 8.4837 2.0879 8.6799C2.0361 8.8368 2.0069 9.0006 2.001 9.1652C1.9965 9.2886 2.0048 9.4126 2.0264 9.5344C2.0479 9.6561 2.0832 9.7757 2.1308 9.8908C2.2422 10.1598 2.4248 10.4041 2.6807 10.591C2.7902 10.671 2.9134 10.7405 3.0498 10.7971L10.0342 13.6945L13.4697 21.0207C13.4903 21.0645 13.512 21.1069 13.5351 21.1476C14.2524 22.4107 16.1791 22.2451 16.6348 20.8146L17.6442 17.6442Z" stroke="none"/><path d="M2 2L22 22"/></g></svg>

Как использовать иконку Cursor Off Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:cursor-off-fill"></div>

Веб-компонент

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

<iconify-icon icon="keyline-icons:cursor-off-fill"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-off-fill.svg" alt="Иконка Cursor Off Fill" width="24" height="24">

Похожие иконки в наборе Keyline Icons

Вопросы и ответы: Иконка Cursor Off Fill

Можно ли бесплатно использовать иконку Cursor Off Fill в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Cursor Off Fill в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:cursor-off-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Cursor Off Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-off-fill.svg" alt="Иконка Cursor Off Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →