Cursor Off Duotone アイコン
keyline-icons:cursor-off-duotone
Cursor Off Duotone アイコン(keyline-icons:cursor-off-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- cursoroff、offduotone、cursoroffduotone
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="M7.11286 6.30928C7.43296 6.25076 7.76533 6.3514 7.99958 6.58565L17.5552 16.1413C17.8192 16.4056 17.9136 16.7951 17.8004 17.1511L16.6343 20.8142L16.5875 20.944C16.543 21.0543 16.4887 21.1555 16.4273 21.2487C16.3276 21.4001 16.2082 21.5294 16.0738 21.6355C15.7829 21.8647 15.4254 21.9864 15.064 21.9978C14.4726 22.0166 13.8709 21.7399 13.5347 21.1482L13.4693 21.0212L10.0308 13.6921L3.04938 10.7966C2.98832 10.7712 2.9303 10.742 2.87458 10.7116C2.86197 10.7047 2.8498 10.6973 2.83747 10.6901C2.74306 10.6356 2.65611 10.5751 2.57771 10.5075C2.42453 10.3763 2.30374 10.2218 2.21149 10.0544C2.18609 10.0083 2.162 9.96174 2.14118 9.91378C2.13772 9.90581 2.1328 9.89835 2.12946 9.89034C2.12427 9.87755 2.12065 9.86417 2.11579 9.85128C2.03324 9.63818 1.99455 9.41081 1.99958 9.18428C1.99958 9.17777 1.99958 9.17126 1.99958 9.16475C1.99993 9.15894 2.00015 9.15299 2.00056 9.14717C2.02299 8.62934 2.27392 8.12208 2.75056 7.81124C2.76057 7.80467 2.77062 7.7981 2.78083 7.79171C2.82022 7.76771 2.86007 7.74469 2.90095 7.72335C2.92445 7.71122 2.9488 7.7004 2.97321 7.68917C2.99126 7.68077 3.00917 7.67167 3.0279 7.66378C3.07158 7.64533 3.11717 7.62846 3.16364 7.613L6.97712 6.34346L7.11286 6.30928Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M20.0025 2.02999C20.2465 1.98241 20.4857 1.9933 20.7086 2.04952C20.7829 2.0681 20.856 2.08968 20.9263 2.11983C20.9595 2.1296 20.9959 2.14965 21.0299 2.16573C21.37 2.32975 21.651 2.59939 21.8218 2.93917C22.0097 3.31137 22.0643 3.75831 21.9185 4.21651L19.1666 12.8601C18.9989 13.3863 18.4366 13.6771 17.9097 13.5095C17.7581 13.461 17.6194 13.3763 17.5064 13.2634L10.8297 6.58565C10.7199 6.47587 10.6371 6.34254 10.5904 6.19991C10.4104 5.67121 10.6976 5.10458 11.2213 4.93038L19.7574 2.08956C19.8393 2.0613 19.9214 2.04001 20.0025 2.02999Z" stroke="none"/><path d="M2 2L22 22"/></g></svg>Cursor Off Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:cursor-off-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:cursor-off-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:cursor-off-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--cursor-off-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:cursor-off-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-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-off-duotone.svg" alt="Cursor Off Duotone アイコン" width="24" height="24">Keyline Icons の関連アイコン
cursor
cursor-click
cursor-click-duotone
cursor-click-fill
cursor-click-sharp
cursor-click-sharp-duotone
cursor-click-sharp-fill
cursor-click-sharp-two-tone
cursor-click-two-tone
cursor-dashed-panel
cursor-dashed-panel-duotone
cursor-dashed-panel-fill
cursor-dashed-panel-sharp
cursor-dashed-panel-sharp-duotone
cursor-dashed-panel-sharp-fill
cursor-dashed-panel-sharp-two-tone
cursor-dashed-panel-two-tone
cursor-duotone
cursor-fill
cursor-off
cursor-off-fill
cursor-off-sharp
cursor-off-sharp-duotone
cursor-off-sharp-fill
Cursor Off Duotone アイコン のよくある質問
Cursor Off Duotone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cursor Off Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:cursor-off-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cursor Off Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-off-duotone.svg" alt="Cursor Off Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。