Hand Point Left アイコン
f7:hand-point-left
Hand Point Left アイコン(f7:hand-point-left)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- handpoint、pointleft、handpointleft
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M52.656 30.895c0-8.274-4.453-14.063-13.242-17.18L27.813 9.59c-2.953-1.031-5.344-.117-6.258 2.344c-.797 2.203.14 4.312 2.578 5.343l3.75 1.57c.094.024.164.094.164.188c0 .117-.094.188-.211.188H8.266c-2.953 0-4.922 1.968-4.922 4.758c0 2.765 1.969 4.734 4.922 4.734h7.804a6 6 0 0 0-.234 1.664c0 2.039 1.148 3.586 3.047 4.195a6.4 6.4 0 0 0-.352 2.04c0 1.968 1.055 3.374 2.766 3.913c.047 4.36 3.21 6.914 8.625 6.914h5.11c10.968 0 17.624-6.632 17.624-16.546m-3.234.117c0 8.273-5.344 13.336-14.766 13.336h-4.265c-3.727 0-5.883-1.196-5.883-3.282h2.695c.867 0 1.43-.68 1.43-1.453c0-.797-.563-1.523-1.43-1.523h-3.656c-1.219 0-1.992-.68-1.992-1.875c0-.445.117-.985.305-1.383h4.43c.866 0 1.452-.703 1.452-1.477c0-.796-.586-1.5-1.453-1.5h-5.437c-1.242 0-1.992-.703-1.992-1.875c0-.468.117-1.007.304-1.406h6.234c.82 0 1.454-.656 1.454-1.453c0-.82-.633-1.523-1.454-1.523H8.055c-.985 0-1.688-.657-1.688-1.617c0-.961.703-1.641 1.688-1.641h24.304c1.079 0 1.852-.703 1.852-1.688c0-.82-.375-1.547-1.547-2.062l-7.125-3.188c-1.008-.445-1.547-1.265-1.195-2.156c.351-.937 1.265-1.266 2.484-.82l11.578 4.148c7.993 2.86 11.016 7.875 11.016 14.438"/></svg>
Hand Point Left アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:hand-point-left" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:hand-point-left" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:hand-point-left" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--hand-point-left]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:hand-point-left"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:hand-point-left"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/hand-point-left.svg" alt="Hand Point Left アイコン" width="24" height="24">
他のアイコンセットの Hand Point Left アイコン
Hand Point Left アイコン のよくある質問
Hand Point Left アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hand Point Left アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:hand-point-left" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hand Point Left アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/hand-point-left.svg" alt="Hand Point Left アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
