Hand Pointer Right アイコン
keyline-icons:hand-pointer-right
Hand Pointer Right アイコン(keyline-icons:hand-pointer-right)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- handpointer、pointerright、handpointerright
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="M13.2919 11.3411L20.7192 10.0066C21.568 9.8541 22.1289 9.0731 21.9744 8.2588C21.8193 7.4413 21.0021 6.8991 20.149 7.0478L10.9876 8.6441C10.5011 8.7288 10.1993 8.1321 10.5558 7.7905L12.2015 6.2134C12.6692 5.7652 12.7302 5.0587 12.3458 4.543C11.9324 3.9884 11.1416 3.8353 10.5359 4.1924L7.9709 5.7051C1.8096 8.9257 1.8096 12.6831 2.0898 14.8301C3.2101 20.7345 12.1717 20.4661 13.572 19.3926C14.9722 18.3191 13.547 17.1966 12.9871 17.1966M16.0924 10.8379L16.2313 12.2681C16.311 13.1075 15.7017 13.8637 14.8341 14.0023L13.0119 14.2934M12.7318 17.2456L14.4812 16.9103C15.1047 16.7908 15.5718 16.2925 15.6294 15.6857C15.7189 14.7425 14.7755 13.9351 13.8166 14.1648"/></svg>Hand Pointer Right アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:hand-pointer-right" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:hand-pointer-right" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:hand-pointer-right" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hand-pointer-right]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hand-pointer-right"></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-right"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/hand-pointer-right.svg" alt="Hand Pointer Right アイコン" 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 Right アイコン
Hand Pointer Right アイコン のよくある質問
Hand Pointer Right アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hand Pointer Right アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:hand-pointer-right" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hand Pointer Right アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/hand-pointer-right.svg" alt="Hand Pointer Right アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。