Man Tipping Hand Medium Light Skin Tone アイコン
twemoji:man-tipping-hand-medium-light-skin-tone
Man Tipping Hand Medium Light Skin Tone アイコン(twemoji:man-tipping-hand-medium-light-skin-tone)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 人物・体
- タグ
- mantipping、tippinghand、handmedium、mediumlight、lightskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#4289c1" d="M22 27H4a4 4 0 0 0-4 4v5h26v-5a4 4 0 0 0-4-4"/><path fill="#2a6797" d="M21 32h1v4h-1zM4 32h1v4H4z"/><path fill="#f3d2a2" d="M10 22v6a3 3 0 1 0 6 0v-6z"/><path fill="#4289c1" d="M29 36h-7l1-17h6z"/><path fill="#e2c196" d="M31.541 15.443a1.286 1.286 0 0 0-1.517-.997L27.35 15H25a2 2 0 0 0-2 2v2h5a1.996 1.996 0 0 0 1.992-1.927l.355-.073H31c0-.074-.028-.144-.045-.216c.444-.276.698-.799.586-1.341"/><path fill="#f3d2a2" d="M36 16a1 1 0 0 0-1-1l-6 1h-5a1 1 0 0 0-1 1v2h6l6-2s1-.447 1-1M4 5.938V17c0 4.971 4.029 9 9 9s9-4.029 9-9V6.25z"/><path fill="#c1694f" d="M9 22h8s-1 2-4 2s-4-2-4-2"/><path fill="#662113" d="M9 16a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1m8 0a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1"/><path fill="#c1694f" d="M14 19.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1"/><path fill="#f3d2a2" d="M5.847 13.715c0 1.58-.801 2.861-1.788 2.861s-1.788-1.281-1.788-2.861s.801-2.861 1.788-2.861s1.788 1.281 1.788 2.861m17.882 0c0 1.58-.8 2.861-1.788 2.861s-1.788-1.281-1.788-2.861s.8-2.861 1.788-2.861s1.788 1.281 1.788 2.861"/><path fill="#ffe51e" d="M13 .823C5.981.823 2.861 5.507 2.861 9.411s1.343 4.986 1.56 3.903c.78-3.903 3.12-5.101 3.12-5.101c4.68 3.904 3.9.781 3.9.781c4.679 4.684 2.34 0 2.34 0c1.56 1.562 6.239 1.562 6.239 1.562s.78 1.198 1.559 2.759c.78 1.562 1.56 0 1.56-3.903c0-3.905-3.9-8.589-10.139-8.589"/></svg>Man Tipping Hand Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:man-tipping-hand-medium-light-skin-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:man-tipping-hand-medium-light-skin-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:man-tipping-hand-medium-light-skin-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-tipping-hand-medium-light-skin-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-tipping-hand-medium-light-skin-tone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:man-tipping-hand-medium-light-skin-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/man-tipping-hand-medium-light-skin-tone.svg" alt="Man Tipping Hand Medium Light Skin Tone アイコン" width="24" height="24">Twitter Emoji の関連アイコン
他のアイコンセットの Man Tipping Hand Medium Light Skin Tone アイコン
Man Tipping Hand Medium Light Skin Tone アイコン のよくある質問
Man Tipping Hand Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Man Tipping Hand Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:man-tipping-hand-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Tipping Hand Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/man-tipping-hand-medium-light-skin-tone.svg" alt="Man Tipping Hand Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。