Hand Left アイコン

el:hand-left

Hand Left アイコン(el:hand-left)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200
タグ: handleft

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1200 972.138V556.629c-2.192-43.973-37.788-75.725-76.898-76.253H936.995c-53.196-40.854-90.897-97.553-142.165-138.61q-27.141-21.648-42.003-48.142c-32.214-63.281-12.695-136.954-58.481-187.399c-92.008-39.482-202.231 15.751-233.279 102.423c-24.404 70.78-8.051 141.366 22.294 203.877c-109.856-.182-219.71.708-329.564 1.292C64.363 420.495.594 480.709 0 566.321c.244 86.275 74.623 149.017 153.796 150.565h129.241q6.462 38.126 25.202 69.144c-7.239 53.145 9.327 105.247 41.357 142.812c17.576 306.75 419.443 124.761 569.951 120.193h203.555c44.282-2.096 76.37-37.59 76.898-76.897m-277.222 0c-120.425 2.591-531.908 184.658-492.406-76.253c-43.545-23.47-60.301-86.285-33.603-126.009c-40.566-40.005-52.119-90.265-12.924-129.887q-58.158 0-115.024-.646c-56.866-.646-76.252-.646-115.024-.646c-44.371-.933-75.122-33.487-75.606-72.375c1.014-45.975 35.914-75.136 75.606-75.605c150.384-.008 298.632-1.276 438.126-1.292c-12.555-100.763-132.769-237.585-10.017-316.963c19.652-9.652 35.367-13.749 55.896-10.017q5.17 2.585 5.816 5.17t1.938 8.4c13.044 79.87 25.221 159.73 87.237 212.601c68.263 52.343 108.514 134.749 186.752 168.014h3.231v415.508z"/></svg>

Hand Left アイコンの使い方

React

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

<Icon icon="el:hand-left" width="24" />

Vue

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

<template>
  <Icon icon="el:hand-left" width="24" />
</template>

Svelte

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

<Icon icon="el:hand-left" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--hand-left]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:hand-left"></div>

Web コンポーネント

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

<iconify-icon icon="el:hand-left"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/el/hand-left.svg" alt="Hand Left アイコン" width="24" height="24">

Elusive Icons の関連アイコン

他のアイコンセットの Hand Left アイコン

Hand Left アイコンのよくある質問

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

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Hand Left アイコンを使うには?

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

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

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

Elusive Icons をすべて見る →