Hand Down アイコン

el:hand-down

Hand Down アイコン(el:hand-down)は、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
タグ: handdown

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 0h415.509c43.972 2.192 75.724 37.788 76.252 76.898v186.106c40.854 53.196 97.553 90.897 138.61 142.165q21.648 27.141 48.143 42.003c63.281 32.214 136.954 12.695 187.398 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.563c-6.678 89.434-66.892 153.202-152.504 153.797c-86.275-.244-149.017-74.623-150.565-153.797v-129.24q-38.125-6.462-69.144-25.202c-53.145 7.239-105.247-9.327-142.811-41.356c-306.751-17.576-124.761-419.443-120.194-569.952V76.898C153.061 32.617 188.555.528 227.863 0m0 277.221c-2.591 120.425-184.658 531.909 76.252 492.407c23.47 43.546 86.286 60.301 126.009 33.603c40.005 40.566 90.265 52.118 129.888 12.925q0 58.157.646 115.024q.646 56.866.646 115.023c.933 44.371 33.487 75.122 72.375 75.606c45.976-1.014 75.136-35.914 75.605-75.606c.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.752v-3.231z"/></svg>

Hand Down アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Elusive Icons の関連アイコン

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

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

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

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

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

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

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

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

Elusive Icons をすべて見る →