Hand Pointer Left アイコン
keyline-icons:hand-pointer-left
Hand Pointer Left アイコン(keyline-icons:hand-pointer-left)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- handpointer、pointerleft、handpointerleft
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="M10.7081 11.3411L3.2808 10.0066C2.432 9.8541 1.8711 9.0731 2.0256 8.2588C2.1807 7.4413 2.9979 6.8991 3.851 7.0478L13.0124 8.6441C13.4989 8.7288 13.8007 8.1321 13.4442 7.7905L11.7985 6.2134C11.3308 5.7652 11.2698 5.0587 11.6542 4.543C12.0676 3.9884 12.8584 3.8353 13.4641 4.1924L16.0291 5.7051C22.1904 8.9257 22.1904 12.6831 21.9102 14.8301C20.7899 20.7345 11.8283 20.4661 10.428 19.3926C9.0278 18.3191 10.453 17.1966 11.0129 17.1966M7.9076 10.8379L7.7687 12.2681C7.689 13.1075 8.2983 13.8637 9.1659 14.0023L10.9881 14.2934M11.2682 17.2456L9.5188 16.9103C8.8953 16.7908 8.4282 16.2925 8.3706 15.6857C8.2811 14.7425 9.2245 13.9351 10.1834 14.1648"/></svg>Hand Pointer Left アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:hand-pointer-left" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:hand-pointer-left" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:hand-pointer-left" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hand-pointer-left]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hand-pointer-left"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:hand-pointer-left"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/hand-pointer-left.svg" alt="Hand Pointer Left アイコン" width="24" height="24">Keyline Icons の関連アイコン
hand-closed
hand-closed-duotone
hand-closed-fill
hand-closed-sharp
hand-closed-sharp-duotone
hand-closed-sharp-fill
hand-closed-sharp-two-tone
hand-closed-two-tone
hand-coins
hand-coins-duotone
hand-coins-fill
hand-coins-sharp
hand-coins-sharp-duotone
hand-coins-sharp-fill
hand-coins-sharp-two-tone
hand-coins-two-tone
hand-heart
hand-heart-duotone
hand-heart-fill
hand-heart-sharp
hand-heart-sharp-duotone
hand-heart-sharp-fill
hand-heart-sharp-two-tone
hand-heart-two-tone
他のアイコンセットの Hand Pointer Left アイコン
Hand Pointer Left アイコン のよくある質問
Hand Pointer Left アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hand Pointer Left アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:hand-pointer-left" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hand Pointer Left アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/hand-pointer-left.svg" alt="Hand Pointer Left アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。