Person Tipping Hand アイコン

Q: Person Tipping Hand アイコンは商用利用でも無料ですか?

はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji-high-contrast:person-tipping-hand

Person Tipping Hand アイコン(fluent-emoji-high-contrast:person-tipping-hand)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji High Contrast
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
カテゴリ: 人物・体
タグ: persontipping、tippinghand、persontippinghand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.058 10.718c.121-.119.354-.262.676-.375a3.3 3.3 0 0 1 1.094-.187a.328.328 0 1 0 0-.656c-.477 0-.93.09-1.312.224c-.376.132-.705.317-.918.527a.328.328 0 1 0 .46.467m8.04 0c-.12-.119-.354-.262-.676-.375a3.3 3.3 0 0 0-1.094-.187a.328.328 0 1 1 0-.656c.477 0 .93.09 1.312.224c.376.132.706.317.918.527a.328.328 0 1 1-.46.467m-5.167 3.866l.624-2.216a.477.477 0 0 1 .928 0l.636 2.216c.134.452-.184.916-.623.916h-.941c-.44 0-.758-.464-.624-.916m1.067 2.406c-.677 0-1.29-.231-1.744-.472c-.163-.087-.337.152-.21.302l.045.055c.454.54.944 1.124 1.909 1.124c.998 0 1.514-.552 1.963-1.095c.126-.153-.08-.41-.246-.326a3.8 3.8 0 0 1-1.717.411M8.138 13h-.409c-.344 0-.626-.297-.495-.616a1.909 1.909 0 0 1 3.532 0c.104.254-.053.494-.295.581q.029-.128.029-.265a1.2 1.2 0 1 0-2.362.3m7.772 0h.409c.345 0 .626-.297.495-.616a1.909 1.909 0 0 0-3.531 0c-.104.254.053.494.295.581A1.2 1.2 0 1 1 15.91 13"/><path d="M9.3 12.1a.3.3 0 0 1-.556.157a.72.72 0 0 0-.114.723h1.4a.7.7 0 0 0 .05-.265a.743.743 0 0 0-.804-.733a.3.3 0 0 1 .024.118m4.876.112a.3.3 0 1 0 .554-.232a.75.75 0 0 1 .688 1.02h-1.4a.75.75 0 0 1 .158-.788"/><path d="M2.001 30.996h24a1 1 0 0 0 .998-1.006V18.9a1.93 1.93 0 0 0-.431-1.22c.544-.079 1.2-.159 1.8-.217a3.26 3.26 0 0 0 1.664-4.571a1.3 1.3 0 0 0-.26-.3a1.72 1.72 0 0 0-1.42-.338c-.385.065-2.085.316-3.4.51a1.754 1.754 0 0 0-1.705-1.353a1.76 1.76 0 0 0-1.275.552l-1.008 1.125q.033-.22.033-.442a3 3 0 0 0-.859-2.1v-.284c0-.183.055-.363.157-.515a3.96 3.96 0 0 0 .181-4.2a3.88 3.88 0 0 0-2.12-1.76a2.15 2.15 0 0 1-1.15-.906a3.886 3.886 0 0 0-4.862-1.572a.85.85 0 0 1-.7-.008a3.92 3.92 0 0 0-4.823 1.53a2.32 2.32 0 0 1-1.2.965c-.935.329-1.71 1-2.17 1.878a3.96 3.96 0 0 0 .237 4.067a.95.95 0 0 1 .163.525v.292a3 3 0 0 0-.016 4.166v.592a3.72 3.72 0 0 0 .847 2.374a6 6 0 0 0 1.649 2.822a10.49 10.49 0 0 0-5.33 9.1v.384a1 1 0 0 0 1 1m23-2h-3.97V18.981a1 1 0 0 0 .69-.481h2.555a1 1 0 0 0 .725.486zM21.998 16.5v-1.004c.007-.294.092-.58.244-.832l.3-.33q.02.056.048.11a1 1 0 0 0 1.037.542s3.67-.534 4.822-.712q.13.179.322.287a1 1 0 0 0-.067.158a1 1 0 0 0-.823.79a14.4 14.4 0 0 0-3.328.593a1 1 0 0 0-.42.398zM3.023 28.996a8.62 8.62 0 0 1 5.609-7.373a1 1 0 0 0 .411-.295C9.283 22.818 10.485 24 12 24c1.516 0 2.72-1.183 2.957-2.675a1 1 0 0 0 .411.296a9 9 0 0 1 3.842 2.837a1 1 0 0 0 .821.384v4.154zm6.998-7.89q.398.06.812.06h2.345q.408 0 .801-.059C13.836 22.207 12.974 23 12 23s-1.837-.794-1.98-1.894m8.68-7.74l.083-1.331a1 1 0 0 1-.084 1.331M5.213 12.038l.088 1.34a1 1 0 0 1-.088-1.34M19 21.419q-.628-.499-1.322-.9v-.004a6 6 0 0 0 1.349-1.941a2 2 0 0 0-.027.328zm.266-3.497q.037-.123.069-.248q.259-.317.44-.686a1.3 1.3 0 0 0-.025.258v.128c-.195.15-.36.336-.484.548M6.207 9.527c0-2.05 1.64-3.7 3.653-3.7h1.582c.13 0 .25.08.3.205l.004.01l.004.008a3.51 3.51 0 0 0 3.206 2.09h1.729c.67.033 1.208.59 1.225 1.273l-.08 1.7l.01.002l-.33 5.27a4.37 4.37 0 0 1-4.333 3.782h-2.344A4.37 4.37 0 0 1 6.5 16.384l-.294-5.264z"/></g></svg>

Person Tipping Hand アイコンの使い方

React

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

<Icon icon="fluent-emoji-high-contrast:person-tipping-hand" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:person-tipping-hand" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:person-tipping-hand" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--person-tipping-hand]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:person-tipping-hand"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji-high-contrast:person-tipping-hand"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-tipping-hand.svg" alt="Person Tipping Hand アイコン" width="24" height="24">

Fluent Emoji High Contrast の関連アイコン

他のアイコンセットの Person Tipping Hand アイコン

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

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

はい。Fluent Emoji High Contrast icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Fluent Emoji High Contrast アイコンをすべて見る →