Cursor Click Sharp Duotone アイコン

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

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

keyline-icons:cursor-click-sharp-duotone

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: cursorclick、clicksharp、sharpduotone、cursorclicksharpduotone

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="M8.27237 8.24183C8.54563 7.97306 8.94844 7.88454 9.30948 8.01332L22.3358 12.6588C22.7153 12.7942 22.976 13.1443 22.998 13.5465C23.0197 13.9487 22.798 14.325 22.4355 14.5006L17.2187 17.028L14.2802 22.4743C14.0912 22.8241 13.7126 23.029 13.3163 22.9957C12.9201 22.9624 12.581 22.6974 12.453 22.3209L8.02628 9.27601C7.90315 8.91299 7.99932 8.51087 8.27237 8.24183Z" stroke="none"/><path d="M11.4668 6.46821L14.6629 3.28041M8.19939 5.64411L6.75289 1.31641M5.65289 8.18201L1.31549 6.73991M6.48059 11.4412L3.28449 14.629"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →