Cursor Off アイコン

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

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

keyline-icons:cursor-off

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: cursoroff

SVG をダウンロード

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>

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 コンポーネント

<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>

HTML 画像

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

Keyline Icons の関連アイコン

他のアイコンセットの Cursor Off アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →