Person Tipping Hand アイコン
openmoji:person-tipping-hand
Person Tipping Hand アイコン(openmoji:person-tipping-hand)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 人物・体
- タグ
- persontipping、tippinghand、persontippinghand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="M11.935 60.943v-4.219c0-4.994 5.007-9 10-9q9 7.5 18 0c1.368 0 3.122-.278 4.388.261a11.9 11.9 0 0 1 3.237 2.813v10.145"/><path fill="#fcea2b" d="M19.871 30.985c0 9 4.937 14 11 14c5.937 0 11.064-5 11.064-14a12.1 12.1 0 0 0-1-5c-3-3-7-8-7-8c-4 3-7 6-13 7c0 0-1.064 1-1.064 6m35.064 29.958L52.997 46.68l.938-1.25l6-2l5-6a1.414 1.414 0 0 0-2-2l-3 3c-1 1-4 0-7 1s-5 3.233-5 5v16.514"/><path fill="#f1b31c" d="M41.083 26.077c-2.661-.856-7.366-7.937-7.366-7.937c-2.662 3.232-12.737 6.986-12.737 6.986c-2.995 2.995-.046 13.86-.046 13.86c-4 0-4-6-4-13s4-14 14-14s14 7 14 14s0 13-4 13c1.325-2.253.15-12.91.15-12.91"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.935 38.985c-4 0-4-6-4-13s4-14 14-14s14 7 14 14s0 13-4 13m-29 21v-3c0-4.994 5.007-9 10-9q9 7.5 18 0a10.3 10.3 0 0 1 4.002.84"/><path d="M36.808 29.985a2 2 0 1 1-2-2a2 2 0 0 1 2 2m-8 0a2 2 0 1 1-2-2a2 2 0 0 1 2 2"/><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M19.871 30.985c0 9 4.937 14 11 14c5.937 0 11.064-5 11.064-14a12.1 12.1 0 0 0-1-5c-3-3-7-8-7-8c-4 3-7 6-13 7c0 0-1.064 1-1.064 6Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M27.935 37.985a6.55 6.55 0 0 0 6 0m21 22L52.997 46.68l.938-1.25l6-2l5-6a1.414 1.414 0 0 0-2-2l-3 3c-1 1-4 0-7 1s-5 3.233-5 5v15.556"/></svg>Person Tipping Hand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:person-tipping-hand" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:person-tipping-hand" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:person-tipping-hand" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--person-tipping-hand]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:person-tipping-hand"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:person-tipping-hand"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/person-tipping-hand.svg" alt="Person Tipping Hand アイコン" width="24" height="24">OpenMoji の関連アイコン
person
person-bald
person-beard
person-biking
person-biking-dark-skin-tone
person-biking-light-skin-tone
person-biking-medium-dark-skin-tone
person-biking-medium-light-skin-tone
person-biking-medium-skin-tone
person-blond-hair
person-bouncing-ball
person-bouncing-ball-dark-skin-tone
person-bouncing-ball-light-skin-tone
person-bouncing-ball-medium-dark-skin-tone
person-bouncing-ball-medium-light-skin-tone
person-bouncing-ball-medium-skin-tone
person-bowing
person-bowing-dark-skin-tone
person-bowing-light-skin-tone
person-bowing-medium-dark-skin-tone
person-bowing-medium-light-skin-tone
person-bowing-medium-skin-tone
person-cartwheeling
person-cartwheeling-dark-skin-tone
他のアイコンセットの Person Tipping Hand アイコン
Person Tipping Hand アイコン のよくある質問
Person Tipping Hand アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Person Tipping Hand アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:person-tipping-hand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Tipping Hand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/person-tipping-hand.svg" alt="Person Tipping Hand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。