Hand Up アイコン

el:hand-up

Hand Up アイコン(el:hand-up)は、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
タグ: handup

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M227.863 1200h415.508c43.973-2.192 75.725-37.788 76.253-76.898V936.995c40.854-53.196 97.553-90.897 138.61-142.165q21.648-27.141 48.142-42.003c63.281-32.214 136.955-12.695 187.399-58.481c39.482-92.008-15.751-202.231-102.423-233.279c-70.78-24.404-141.366-8.051-203.878 22.294c.182-109.856-.708-219.71-1.292-329.564C779.505 64.363 719.291.594 633.679 0c-86.275.244-149.017 74.623-150.565 153.796v129.241q-38.125 6.462-69.144 25.202c-53.145-7.24-105.247 9.327-142.811 41.356c-306.751 17.576-124.761 419.443-120.194 569.951v203.555c2.096 44.282 37.59 76.37 76.898 76.899m0-277.222c-2.591-120.425-184.658-531.908 76.252-492.406c23.47-43.546 86.285-60.301 126.009-33.603c40.005-40.566 90.265-52.118 129.887-12.925q0-58.157.646-115.024c.646-56.867.646-76.252.646-115.024c.933-44.37 33.487-75.122 72.375-75.605c45.975 1.014 75.136 35.914 75.605 75.605c.008 150.385 1.276 298.632 1.292 438.126c100.763-12.555 237.585-132.769 316.963-10.017c9.652 19.652 13.749 35.367 10.017 55.896q-2.585 5.17-5.17 5.816t-8.4 1.938c-79.87 13.044-159.73 25.221-212.601 87.237c-52.343 68.263-134.749 108.514-168.013 186.752v3.231H227.863z"/></svg>

Hand Up アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Elusive Icons の関連アイコン

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

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

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

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

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

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

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

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

Elusive Icons をすべて見る →