Man Tipping Hand アイコン

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

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

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

Man Tipping Hand アイコン(fluent-emoji-high-contrast:man-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
カテゴリ: 人物・体
タグ: mantipping、tippinghand、mantippinghand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.912 10.59a.72.72 0 0 0 .415.138a.65.65 0 0 0 .534-.266a.686.686 0 0 0-.128-.956c-.043-.033-1.08-.809-2.572-.632a.693.693 0 0 0-.593.76c.05.365.386.63.761.591a2.34 2.34 0 0 1 1.583.365m-8.674-.128a.67.67 0 0 0 .544.266c.138 0 .287-.05.405-.138l.005-.003a2.33 2.33 0 0 1 1.578-.352a.68.68 0 0 0 .761-.591a.673.673 0 0 0-.593-.76c-1.49-.177-2.528.599-2.571.631a.675.675 0 0 0-.129.947m3.693 4.122l.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.302c.466.555 1.166 1.18 1.954 1.18c.84 0 1.514-.553 1.963-1.096c.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.41c.344 0 .625-.297.494-.616a1.909 1.909 0 0 0-3.531 0c-.105.254.053.495.296.582h-.001A1.2 1.2 0 1 1 15.91 13"/><path fill="currentColor" d="M9 12.4a.3.3 0 0 0 .276-.418A.75.75 0 0 1 10.03 13h-1.4a.75.75 0 0 1 .116-.74a.3.3 0 0 0 .254.14m5.212-.223a.3.3 0 1 0 .566-.195a.75.75 0 0 1 .64 1.018h-1.4a.75.75 0 0 1 .194-.823"/><path fill="currentColor" d="M26 30.997a1 1 0 0 0 1-1.001v-11.09a1.93 1.93 0 0 0-.43-1.22a55 55 0 0 1 1.281-.156c.245-.027.431-.05.52-.061a3.26 3.26 0 0 0 1.664-4.572a1.3 1.3 0 0 0-.26-.3a1.72 1.72 0 0 0-1.419-.338c-.384.065-2.084.316-3.4.509a1.73 1.73 0 0 0-.468-.839a1.757 1.757 0 0 0-2.51.039L21 13.057v-.063a3 3 0 0 0-.584-1.777l.62-3.4a3.45 3.45 0 0 0-1.838-3.738l-.531-.266a3.2 3.2 0 0 1-.767-.547l-1.039-1.038a3.87 3.87 0 0 0-4.02-.919a2.1 2.1 0 0 1-1.374.013a3.37 3.37 0 0 0-3.83.673L6.352 3.267a2.9 2.9 0 0 1-.764.546l-.533.266a3.47 3.47 0 0 0-1.866 3.734l.562 3.083a3 3 0 0 0 .585 4.481l.168 2.257a5.28 5.28 0 0 0 1.444 3.118A10.57 10.57 0 0 0 1 29.613v.384a1 1 0 0 0 1 1zm-5.969-2H3.024a8.67 8.67 0 0 1 5.163-7.187a1 1 0 0 0 .5-.495q.182.056.37.097C9.328 22.862 10.515 24 12 24c1.487 0 2.674-1.139 2.943-2.59q.235-.052.459-.128a1 1 0 0 0 .521.573a9 9 0 0 1 3.286 2.6a1 1 0 0 0 .822.384zm-1.323-15.303l.09-1.293a1 1 0 0 1 .194.595a1 1 0 0 1-.284.697m-13.525-1.4l.088 1.286a1 1 0 0 1-.28-.694a1 1 0 0 1 .192-.592m2.898 7.63c-.85-.576-1.443-1.541-1.558-2.727l-.471-6.845a.7.7 0 0 1 .22-.557l.227-.196l.008-.007c.424-.38.65-.937.65-1.487V7.003c0-.084.065-.158.124-.175c.762-.194 2.407-.528 4.7-.528c2.297 0 3.943.335 4.704.53c.064.015.12.072.12.173v1.09c0 .564.228 1.107.65 1.486l.005.005l.26.226a.67.67 0 0 1 .217.524l-.472 6.863c-.19 1.96-1.688 3.316-3.486 3.316h-3.97a3.4 3.4 0 0 1-1.6-.392a1 1 0 0 0-.17-.111a3 3 0 0 1-.158-.085m5.81 1.589C13.614 22.396 12.849 23 12 23c-.85 0-1.614-.604-1.89-1.487zM24.276 18.5a1 1 0 0 0 .724.487v10.01h-3.969v-10.02a1 1 0 0 0 .687-.477zm-.143-2h-2.136v-1.007c.008-.294.092-.58.244-.832l.3-.331a.99.99 0 0 0 1.085.652s3.67-.533 4.822-.712a1 1 0 0 0 .323.287a1 1 0 0 0-.068.159a1 1 0 0 0-.824.8l-.25.028c-1.046.049-2.08.237-3.076.559a1 1 0 0 0-.42.397M19 21.426a11 11 0 0 0-.791-.575a5.2 5.2 0 0 0 .791-.994zm.806-4.547l.117-1.579l.09-.077a2 2 0 0 0-.013.275v1a1.2 1.2 0 0 0-.194.381"/></svg>

Man Tipping Hand アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:man-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:man-tipping-hand"></iconify-icon>

HTML 画像

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

Fluent Emoji High Contrast の関連アイコン

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

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

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

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

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

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

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

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

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