Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone アイコン
twemoji:men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone
Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone アイコン(twemoji:men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 人物・体
- タグ
- menholding、holdinghands、handsmedium、mediumdark、darkskin、skintone、tonemedium、mediumlight、lightskin、hand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><defs><path id="SVG6CXmZSon" fill="#f3d2a2" d="M18.117 26.76c-.271.091-.487-.159-.586-.302c-.279-.405-.422-1.309-.004-2.227c.423-.927.702-2.072 1.69-3.821c.115-.204.494-2.746 1.242-4.354c.202-.435 1.495-.684 2.009-.529c.513.154-.005.98-.037 1.134c-.344 1.651-1.305 4.077-1.45 4.404c-.8 1.806-1.965 2.389-2.071 3.706c-.055.69-.205 1.286-.6 1.228c-.092.352-.094.728-.193.761m14.595.204c.257.126.504-.094.62-.222c.33-.365.591-1.242.296-2.208c-.297-.975-.424-2.146-1.174-4.01c-.087-.217-.129-2.787-.66-4.479c-.143-.457-1.392-.875-1.922-.789c-.529.086-.124.972-.112 1.129c.124 1.682.758 4.213.859 4.556c.556 1.895 1.634 2.627 1.566 3.946c-.036.692.034 1.302.433 1.296c.048.363 0 .735.094.781"/></defs><path fill="#60352a" d="M10.5 0a5.47 5.47 0 0 0-3.181 1.018A3.49 3.49 0 0 0 4 4.5c0 1.542.007 3.484 2.038 4.208A5.49 5.49 0 0 0 10.5 11a5.5 5.5 0 1 0 0-11"/><path fill="#af7e57" d="M17.896 26.76c.271.091.487-.159.586-.302c.279-.405.422-1.309.004-2.227c-.423-.927-.702-2.072-1.69-3.821c-.115-.204-.494-2.746-1.242-4.354c-.202-.435-1.495-.684-2.009-.529c-.513.154.005.98.037 1.134c.344 1.651 1.305 4.077 1.45 4.404c.8 1.806 1.965 2.389 2.071 3.706c.055.69.205 1.286.6 1.228c.092.352.093.728.193.761M3.3 26.964c-.257.126-.504-.094-.62-.222c-.33-.365-.591-1.242-.296-2.208c.297-.975.424-2.146 1.174-4.01c.087-.217.129-2.787.66-4.479c.143-.457 1.392-.875 1.922-.789c.529.086.124.972.112 1.129c-.124 1.682-.758 4.213-.859 4.556c-.556 1.895-1.634 2.627-1.566 3.946c.036.692-.034 1.302-.433 1.296c-.048.363 0 .735-.094.781"/><path fill="#aab8c2" d="M13.554 29.5c.5-2.734.422-6.5.422-6.5H6.013s-.078 3.766.422 6.5c.063.344.188 3.344-.109 5.5c-.066.479 2.886.937 2.844-.125c-.078-1.969.264-3.513.328-4.5c.035-.547.25-1.875.344-3.208c.011-.018.295-.018.306 0c.094 1.333.308 2.661.344 3.208c.064.987.406 2.531.328 4.5c-.042 1.062 2.91.604 2.844.125c-.298-2.156-.173-5.156-.11-5.5"/><path fill="#292f33" d="M14.538 36c.499-.406-.041-1.161-1.42-1.402c-1.163-.203-2.2-.032-2.363.35c-.212.493-.05 1.052-.05 1.052zm-9.117 0c-.499-.406.041-1.161 1.42-1.402c1.163-.203 2.2-.032 2.363.35c.212.493.05 1.052.05 1.052z"/><path fill="#4289c1" d="M14.797 14.766C13.578 14 12 14 12 14H8s-1.578 0-2.797.766c-1.201.754-1.656 3-1.656 3l2.203.688L5.859 24h8.281l.109-5.547l2.203-.688c.001.001-.454-2.245-1.655-2.999"/><path fill="#af7e57" d="M8 10.042v4c0 .682.896 1.305 2 1.305s2-.668 2-1.305v-4z"/><path fill="#9b6a49" d="M8 13.56c.608.687 1.178.859 1.998.859c.819 0 1.394-.173 2.002-.859v-.812H8z"/><path fill="#af7e57" d="M15 3H5v6c0 2.762 2.238 5 5 5s5-2.237 5-5z"/><path fill="#60352a" d="M5 2.5L4.5 5L5 7c2.333 0 2.85-2.412 2.965-3.488C8.004 4.588 8.779 7 15 7l.5-2l-.5-2.5z"/><path fill="#915a34" d="M12 12H8s0 1 2 1s2-1 2-1"/><circle cx="7.5" cy="8.5" r=".5" fill="#662113"/><circle cx="12.5" cy="8.5" r=".5" fill="#662113"/><path fill="#915a34" d="M9 10h2s0 1-1 1s-1-1-1-1"/><path fill="#ffe51e" d="M26.5 0a5.47 5.47 0 0 0-3.181 1.018A3.49 3.49 0 0 0 20 4.5c0 1.542.007 3.484 2.038 4.208A5.49 5.49 0 0 0 26.5 11a5.5 5.5 0 1 0 0-11"/><use href="#SVG6CXmZSon"/><use href="#SVG6CXmZSon"/><path fill="#67757f" d="M29.555 29.5c.5-2.734.422-6.5.422-6.5h-7.963s-.078 3.766.422 6.5c.063.344.188 3.344-.109 5.5c-.066.479 2.886.937 2.844-.125c-.078-1.969.264-3.513.328-4.5c.035-.547.25-1.875.344-3.208c.011-.018.295-.018.306 0c.094 1.333.308 2.661.344 3.208c.064.987.406 2.531.328 4.5c-.042 1.062 2.91.604 2.844.125c-.297-2.156-.172-5.156-.11-5.5"/><path fill="#292f33" d="M30.54 36c.499-.406-.041-1.161-1.42-1.402c-1.163-.203-2.2-.032-2.363.35c-.212.493-.05 1.052-.05 1.052zm-9.117 0c-.499-.406.041-1.161 1.42-1.402c1.163-.203 2.2-.032 2.363.35c.212.494.05 1.053.05 1.053z"/><path fill="#78b159" d="M30.797 14.766C29.578 14 28 14 28 14h-4s-1.578 0-2.797.766c-1.201.754-1.656 3-1.656 3l2.203.688l.109 5.546h8.281l.109-5.547l2.203-.688c.001.001-.454-2.245-1.655-2.999"/><path fill="#f3d2a2" d="M24 10.042v4c0 .682.896 1.305 2 1.305s2-.668 2-1.305v-4z"/><path fill="#e2c196" d="M24 13.561c.608.687 1.178.859 1.998.859c.819 0 1.394-.173 2.002-.859v-.812h-4z"/><path fill="#f3d2a2" d="M31 3H21v6c0 2.762 2.238 5 5 5s5-2.237 5-5z"/><path fill="#ffe51e" d="M21 2.5L20.5 5l.5 2c2.333 0 2.85-2.412 2.965-3.488C24.004 4.588 24.779 7 31 7l.5-2l-.5-2.5z"/><path fill="#c1694f" d="M28 12h-4s0 1 2 1s2-1 2-1"/><circle cx="23.5" cy="8.5" r=".5" fill="#662113"/><circle cx="28.5" cy="8.5" r=".5" fill="#662113"/><path fill="#c1694f" d="M25 10h2s0 1-1 1s-1-1-1-1"/></svg>
Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:men-holding-hands-medium-dark-skin-tone-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:men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone.svg" alt="Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone アイコン
Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone アイコン のよくある質問
Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone.svg" alt="Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
