Man Tipping Hand 1 アイコン

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:man-tipping-hand-1

Man Tipping Hand 1 アイコン(streamline-emojis:man-tipping-hand-1)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: スマイリー・人物
タグ: mantipping、tippinghand、mantippinghand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M9 45.5a15 1.5 0 1 0 30 0a15 1.5 0 1 0-30 0" opacity=".15"/><path fill="#00b8f0" d="M35.88 45H12.12v-1.9a11.88 11.88 0 1 1 23.76 0Z"/><path fill="#009fd9" d="M24 31.22A11.88 11.88 0 0 0 12.12 43.1V45h.17a11.88 11.88 0 0 1 23.42 0h.17v-1.9A11.88 11.88 0 0 0 24 31.22"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.88 45H12.12v-1.9a11.88 11.88 0 1 1 23.76 0Z"/><path fill="#ffe500" d="M24 27.17a2.54 2.54 0 0 0-2.54 2.55v2.85a2.54 2.54 0 1 0 5.08 0v-2.85A2.54 2.54 0 0 0 24 27.17"/><path fill="#ebcb00" d="M24 27.17a2.54 2.54 0 0 0-2.54 2.55v.67a2.54 2.54 0 0 0 5.08 0v-.67A2.54 2.54 0 0 0 24 27.17"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 27.17a2.54 2.54 0 0 0-2.54 2.55v2.85a2.54 2.54 0 1 0 5.08 0v-2.85A2.54 2.54 0 0 0 24 27.17M17.06 45v-2.41"/><path fill="#00b8f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.75 45h-6l1.04-15.32h4.96z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m35.73 28.46l3.27-.35a.88.88 0 0 0 .78-1h0a.88.88 0 0 0-1-.78l-4.37.47Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m42 27.79l-4.15.44a4 4 0 0 0-3.46-1.4h0a1.87 1.87 0 0 0-1.66 2.05h0a1.87 1.87 0 0 0 2.06 1.66l7.42-.8a1 1 0 1 0-.21-1.95"/><path fill="#724f3d" d="M24 6.88a9.8 9.8 0 0 0-2.44.31c-1.86.42-4.28 1.12-6.47.7a4.17 4.17 0 0 0 .84 3.21a9.8 9.8 0 0 0-1.75 5.6v5.15h19.64V16.7A9.82 9.82 0 0 0 24 6.88"/><path fill="#a86c4d" d="M24 6.88a9.8 9.8 0 0 0-2.44.31c-1.86.42-4.28 1.12-6.47.7a4.47 4.47 0 0 0 .68 3a18.8 18.8 0 0 0 5.79-.79a9.81 9.81 0 0 1 12.26 9.52V16.7A9.82 9.82 0 0 0 24 6.88"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 6.88a9.8 9.8 0 0 0-2.44.31c-1.86.42-4.28 1.12-6.47.7a4.17 4.17 0 0 0 .84 3.21a9.8 9.8 0 0 0-1.75 5.6v5.15h19.64V16.7A9.82 9.82 0 0 0 24 6.88"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.87 21.1a1.84 1.84 0 0 0-1.39-1.55l-.59-.16a2 2 0 0 1-1.5-2v-2.04a1.86 1.86 0 0 0-1.4-1.8a15.5 15.5 0 0 1-6 1.08a15.5 15.5 0 0 1-6-1.08a1.86 1.86 0 0 0-1.4 1.8v2.06a2 2 0 0 1-1.5 2l-.59.16a1.84 1.84 0 0 0-1.39 1.55a1.8 1.8 0 0 0 1.81 2h.11a9 9 0 0 0 17.9 0h.11a1.8 1.8 0 0 0 1.83-2.02"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.57 20.88a.77.77 0 0 0 1.54 0a.77.77 0 0 0-1.54 0m10.86 0a.77.77 0 0 1-1.54 0a.77.77 0 0 1 1.54 0"/><path fill="#ff6242" d="M21.16 25.58a.41.41 0 0 0-.33.15a.42.42 0 0 0-.1.35a3.32 3.32 0 0 0 6.54 0a.42.42 0 0 0-.1-.35a.43.43 0 0 0-.33-.15Z"/><path fill="#ffa694" d="M24 26.94a4 4 0 0 0-2.52.77a3.36 3.36 0 0 0 5 0a4 4 0 0 0-2.48-.77"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.16 25.58a.41.41 0 0 0-.33.15a.42.42 0 0 0-.1.35a3.32 3.32 0 0 0 6.54 0a.42.42 0 0 0-.1-.35a.43.43 0 0 0-.33-.15Z"/><path fill="#ffaa54" d="M17.06 24.17a1 .6 0 1 0 2 0a1 .6 0 1 0-2 0m11.88 0a1 .6 0 1 0 2 0a1 .6 0 1 0-2 0"/></svg>

Man Tipping Hand 1 アイコンの使い方

React

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

<Icon icon="streamline-emojis:man-tipping-hand-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:man-tipping-hand-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:man-tipping-hand-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--man-tipping-hand-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:man-tipping-hand-1"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:man-tipping-hand-1"></iconify-icon>

HTML 画像

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

Streamline Emojis の関連アイコン

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

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Streamline Emojis アイコンをすべて見る →