ICONYZ
日本語
Keyline Icons の Cursor Off Sharp Duotone アイコン

Cursor Off Sharp Duotone アイコン

keyline-icons:cursor-off-sharp-duotone

Cursor Off Sharp Duotone アイコン(keyline-icons:cursor-off-sharp-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
cursoroff、offsharp、sharpduotone、cursoroffsharpduotone
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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M7.09861 6.31127C7.42257 6.24725 7.76207 6.34788 7.99998 6.58568L17.5547 16.1413C17.822 16.4087 17.9157 16.8039 17.7969 17.1628L17.6386 17.6384L17.6396 17.6394L16.0859 22.3142C15.9862 22.6144 15.7751 22.8158 15.5273 22.9187C15.5123 22.9251 15.4978 22.9326 15.4824 22.9382C15.4693 22.9429 15.4556 22.9458 15.4424 22.9499C15.3651 22.9748 15.2847 22.9924 15.2011 22.9978L15.0498 22.9968C15.029 22.995 15.0088 22.9892 14.9883 22.9861C14.9605 22.9821 14.9327 22.9787 14.9053 22.9724C14.9006 22.9713 14.8962 22.9697 14.8916 22.9685C14.6674 22.9135 14.4593 22.7824 14.3144 22.5691C14.2849 22.5265 14.2583 22.4811 14.2353 22.4333L10.0351 13.6902L1.60545 10.074C1.51002 10.033 1.42356 9.97833 1.34763 9.91283C0.790146 9.44249 0.90965 8.47767 1.66795 8.21068L6.50877 6.50756L6.96092 6.34936L7.09861 6.31127Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M20.0029 2.03002C20.247 1.98242 20.486 1.99326 20.709 2.04955C20.7834 2.06815 20.8563 2.08966 20.9267 2.11986C20.96 2.12967 20.9963 2.14967 21.0303 2.16576C21.3704 2.32981 21.6514 2.59935 21.8222 2.9392C22.0101 3.3114 22.0647 3.75834 21.9189 4.21654L18.5498 14.7996L9.3242 5.56225L19.7578 2.08959C19.8398 2.06129 19.9217 2.04002 20.0029 2.03002Z" stroke="none"/><path d="M1.7072 1.707L22.293 22.2928"/></g></svg>

Cursor Off Sharp Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-off-sharp-duotone.svg" alt="Cursor Off Sharp Duotone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Cursor Off Sharp Duotone アイコン のよくある質問

Cursor Off Sharp Duotone アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Cursor Off Sharp Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:cursor-off-sharp-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Cursor Off Sharp Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-off-sharp-duotone.svg" alt="Cursor Off Sharp Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →