Cursor Hand Grab Line アイコン

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

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

clarity:cursor-hand-grab-line

Cursor Hand Grab Line アイコン(clarity:cursor-hand-grab-line)は、Clarity セットの無料 SVG アイコンです（作者: VMware）。 36 × 36 のグリッドで描かれています。 Clarity icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Clarity
作者: VMware
ライセンス: MIT
サイズ: 36 × 36
カテゴリ: 必須
タグ: cursorhand、handgrab、grabline、cursorhandgrabline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M28.09 9.74a4 4 0 0 0-1.16.19c-.19-1.24-1.55-2.18-3.27-2.18a4 4 0 0 0-1.53.25A3.37 3.37 0 0 0 19 6.3a3.45 3.45 0 0 0-2.87 1.32a3.65 3.65 0 0 0-1.89-.51A3.05 3.05 0 0 0 11 9.89v.91c-1.06.4-4.11 1.8-4.91 4.84s.34 8 2.69 11.78a25.2 25.2 0 0 0 5.9 6.41a.9.9 0 0 0 .53.17h10.34a.92.92 0 0 0 .55-.19a13.13 13.13 0 0 0 3.75-6.13A25.8 25.8 0 0 0 31.41 18v-5.5a3.08 3.08 0 0 0-3.32-2.76M29.61 18a24 24 0 0 1-1.47 9.15a12.46 12.46 0 0 1-2.94 5.05h-9.73a23.8 23.8 0 0 1-5.2-5.72c-2.37-3.86-3-8.23-2.48-10.39A5.7 5.7 0 0 1 11 12.76v7.65a.9.9 0 0 0 1.8 0V9.89c0-.47.59-1 1.46-1s1.49.52 1.49 1v5.72h1.8v-6.8c0-.28.58-.71 1.46-.71s1.53.48 1.53.75v6.89h1.8V10l.17-.12a2.1 2.1 0 0 1 1.18-.32c.93 0 1.5.44 1.5.68v6.5H27v-4.87a1.9 1.9 0 0 1 1.12-.33c.86 0 1.52.51 1.52.94Z" class="clr-i-outline clr-i-outline-path-1"/><path fill="none" d="M0 0h36v36H0z"/></svg>

Cursor Hand Grab Line アイコンの使い方

React

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

<Icon icon="clarity:cursor-hand-grab-line" width="24" />

Vue

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

<template>
  <Icon icon="clarity:cursor-hand-grab-line" width="24" />
</template>

Svelte

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

<Icon icon="clarity:cursor-hand-grab-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[clarity--cursor-hand-grab-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/clarity -->
<div class="i-clarity:cursor-hand-grab-line"></div>

Web コンポーネント

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

<iconify-icon icon="clarity:cursor-hand-grab-line"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/clarity/cursor-hand-grab-line.svg" alt="Cursor Hand Grab Line アイコン" width="24" height="24">

Clarity の関連アイコン

Cursor Hand Grab Line アイコンのよくある質問

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

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

React で Cursor Hand Grab Line アイコンを使うには?

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

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

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

Clarity アイコンをすべて見る →