Pinching Hand アイコン
twemoji:pinching-hand
Pinching Hand アイコン(twemoji:pinching-hand)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 人物・体
- タグ
- pinchinghand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffdc5d" d="M33.29 8.628C33.265 8.62 24.499 6 21.499 5c-1.2-.4-21-7-21 16c0 .637 2 11 4 11h11c8.375 0 5.642-10.68 15.92-12.106c1.739-.241 2.621-1.112 2.466-2.566c-.165-1.549-1.975-2.059-3.534-2.059c-1.146 0-5.754.233-9.026 1.951c-.286-1.809-.826-4.013-.826-6.221c5 1 11.092 2.333 11.209 2.372a2.501 2.501 0 0 0 1.582-4.743"/><path fill="#ef9645" d="M19.207 7.293a1 1 0 1 0-1.415 1.414c.017.017 1.704 1.737 1.704 4.293v7.109c0 .852-.501 1.154-.97 1.154c-.496 0-1.025-.332-1.025-1.264v-2c0-3.767-.303-7.77-2.553-8.895a1 1 0 0 0-.895 1.789c.66.33 1.447 1.831 1.447 7.105v.996s-.004 1.001-.004 3.114c0 .852-.501 1.154-.97 1.154c-.496 0-1.025-.332-1.025-1.264v-2c0-3.767-.303-7.77-2.553-8.895a1 1 0 1 0-.895 1.789c.66.33 1.447 1.831 1.447 7.105v2c0 .021.005.039.005.06c-.001.017-.01.032-.01.049c0 .852-.501 1.154-.97 1.154c-.496.004-1.025-.328-1.025-1.26c0-3.394 0-7.618-2.553-8.895a1 1 0 1 0-.895 1.789C7.5 15.618 7.5 19.613 7.5 22c0 2.143 1.522 3.264 3.025 3.264a2.97 2.97 0 0 0 1.999-.769c.56.505 1.281.769 2.001.769c1.236 0 2.473-.769 2.846-2.232c.368.151.761.232 1.154.232c1.476 0 2.97-1.083 2.97-3.154V13c0-3.375-2.194-5.613-2.288-5.707"/></svg>
Pinching Hand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:pinching-hand" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:pinching-hand" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:pinching-hand" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--pinching-hand]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:pinching-hand"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:pinching-hand"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/pinching-hand.svg" alt="Pinching Hand アイコン" width="24" height="24">
他のアイコンセットの Pinching Hand アイコン
Pinching Hand アイコン のよくある質問
Pinching Hand アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Pinching Hand アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:pinching-hand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pinching Hand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/pinching-hand.svg" alt="Pinching Hand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
