Hand Pointer Fill アイコン
keyline-icons:hand-pointer-fill
Hand Pointer Fill アイコン(keyline-icons:hand-pointer-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- handpointer、pointerfill、handpointerfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.0719 1.044C9.4692 0.7791 10.7466 1.7465 10.9908 3.1045L11.6588 6.823L12.1715 6.7742L12.1734 6.7742C13.0528 6.6909 13.8542 7.0602 14.3815 7.6823C14.788 7.4468 15.2677 7.3271 15.7799 7.3757C16.7139 7.4645 17.4711 8.0955 17.7828 8.9391C18.0831 8.8354 18.4302 8.7931 18.8043 8.8727C19.3582 8.9907 19.8193 9.3415 20.1861 9.8199C20.4435 10.1557 20.6053 10.6055 20.7145 11.0278C20.8305 11.4769 20.9141 12.0053 20.9596 12.5766C21.0504 13.7184 20.9962 15.1012 20.7066 16.4797C20.1365 19.1939 18.5577 22.2203 15.0162 22.8925C14.9976 22.896 14.9784 22.8988 14.9596 22.9012C13.8062 23.0518 12.1112 23.1423 10.2545 22.2948C8.402 21.4492 6.5227 19.7321 4.8434 16.5373L3.3307 13.9721C2.7212 12.9381 2.9704 11.5795 3.9449 10.8531C4.8696 10.164 6.1417 10.279 6.9352 11.1069L7.3766 11.5679L6.0621 4.0233C5.8261 2.6686 6.682 1.3078 8.0719 1.044ZM9.8537 8.0845L10.3569 10.885C10.4545 11.4285 10.9744 11.79 11.518 11.6923C12.0615 11.5947 12.423 11.0748 12.3253 10.5312L11.8221 7.7307C11.7245 7.1872 11.2046 6.8257 10.661 6.9234C10.1175 7.021 9.756 7.5409 9.8537 8.0845ZM13.1773 10.3412L13.3059 11.1459C13.3931 11.6913 13.9058 12.0627 14.4512 11.9756C14.9966 11.8884 15.368 11.3757 15.2809 10.8303L15.1523 10.0256C15.0651 9.4802 14.5524 9.1088 14.007 9.1959C13.4616 9.2831 13.0902 9.7958 13.1773 10.3412ZM16.2145 11.2014L16.2635 11.4567C16.3676 11.9991 16.8917 12.3544 17.4341 12.2503C17.9765 12.1462 18.3318 11.6221 18.2277 11.0797L18.1787 10.8244C18.0746 10.282 17.5505 9.9267 17.0081 10.0308C16.4657 10.1349 16.1104 10.659 16.2145 11.2014Z" clip-rule="evenodd"/></svg>Hand Pointer Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:hand-pointer-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:hand-pointer-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:hand-pointer-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hand-pointer-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hand-pointer-fill"></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-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/hand-pointer-fill.svg" alt="Hand Pointer Fill アイコン" 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 Fill アイコン のよくある質問
Hand Pointer Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hand Pointer Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:hand-pointer-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hand Pointer Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/hand-pointer-fill.svg" alt="Hand Pointer Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。