People Holding Hands Medium Light Skin Tone Medium Skin Tone アイコン
twemoji:people-holding-hands-medium-light-skin-tone-medium-skin-tone
People Holding Hands Medium Light Skin Tone Medium Skin Tone アイコン(twemoji:people-holding-hands-medium-light-skin-tone-medium-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
- カテゴリ
- 人物・体
- タグ
- peopleholding、holdinghands、handsmedium、mediumlight、lightskin、skintone、tonemedium、mediumskin、hand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f3d2a2" d="M18.154 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.761m-14.823.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"/><path fill="#5c913b" d="M6.488 29.5c-.5-2.734-.263-6.48-.263-6.48h7.644s.238 3.746-.262 6.48c-.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="M5.503 36c-.499-.406.041-1.161 1.42-1.402c1.163-.203 2.2-.032 2.363.35c.212.493.05 1.052.05 1.052zm9.117 0c.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.052z"/><path fill="#99aab5" d="M5.246 14.766C6.465 14 8.043 14 8.043 14h4s1.578 0 2.797.766c1.201.754 1.656 3 1.656 3l-2.373.688l-.105 5.527h-7.95l-.105-5.527l-2.373-.688s.455-2.246 1.656-3"/><path fill="#ffe51e" d="M12.217.49C11.114.133 8.519.23 7.87 1.074c-1.687.032-3.666 1.557-3.926 3.569c-.257 1.991.316 2.915.519 4.412c.231 1.696 1.184 2.239 1.947 2.466c1.097 1.449 2.263 1.387 4.22 1.387c3.823 0 5.644-2.558 5.805-6.902c.097-2.629-1.445-4.619-4.218-5.516"/><path fill="#f3d2a2" d="M8.446 11.599v2.458c0 .905.688 2.72 1.638 2.72s1.638-1.815 1.638-2.72v-2.458z"/><path fill="#e2c196" d="M8.446 13.716c.498.563.965.704 1.637.704c.671 0 1.142-.142 1.64-.704v-.666H8.446z"/><path fill="#f3d2a2" d="M14.403 6.191c-.37-.512-.843-.925-1.882-1.071c.389.178.762.795.811 1.135c.049.341.097.616-.211.276c-1.235-1.365-2.579-.827-3.912-1.661c-.93-.582-1.213-1.226-1.213-1.226s-.114.86-1.525 1.736c-.409.254-.897.819-1.168 1.655c-.195.6-.134 1.136-.134 2.05c0 2.67 2.201 4.915 4.915 4.915s4.915-2.265 4.915-4.915c0-1.661-.174-2.31-.596-2.894"/><path fill="#c1694f" 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="#c1694f" d="M9 10h2s0 1-1 1s-1-1-1-1"/><path fill="#d4ab88" d="M18.074 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-.093.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"/><path fill="#4289c1" d="M29.512 29.5c.5-2.734.263-6.48.263-6.48h-7.644s-.238 3.746.262 6.48c.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.497 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="#fa743e" d="M30.754 14.766C29.535 14 27.957 14 27.957 14h-4s-1.578 0-2.797.766c-1.201.754-1.656 3-1.656 3l2.373.688l.105 5.527h7.95l.105-5.527l2.373-.688s-.455-2.246-1.656-3"/><path fill="#963b22" d="M28.015.49c-1.103-.357-3.699-.26-4.347.584c-1.687.032-3.666 1.557-3.926 3.569c-.257 1.991.316 2.915.519 4.412c.231 1.696 1.184 2.239 1.947 2.466c1.097 1.449 2.263 1.387 4.22 1.387c3.823 0 5.644-2.558 5.805-6.902c.097-2.629-1.445-4.619-4.218-5.516"/><path fill="#d4ab88" d="M24.239 11.599v2.458c0 .905.688 2.72 1.638 2.72s1.638-1.815 1.638-2.72v-2.458z"/><path fill="#cc9b7a" d="M24.24 13.716c.498.563.965.704 1.637.704c.671 0 1.142-.142 1.64-.704v-.666H24.24z"/><path fill="#d4ab88" d="M30.201 6.191c-.37-.512-.844-.925-1.882-1.071c.389.178.762.795.811 1.135c.049.341.097.616-.211.276c-1.235-1.365-2.579-.827-3.912-1.661c-.931-.582-1.214-1.226-1.214-1.226s-.114.86-1.525 1.736c-.409.254-.897.819-1.168 1.655c-.195.6-.134 1.136-.134 2.05c0 2.67 2.201 4.915 4.915 4.915s4.915-2.265 4.915-4.915c.001-1.661-.173-2.31-.595-2.894"/><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>
People Holding Hands Medium Light Skin Tone Medium Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:people-holding-hands-medium-light-skin-tone-medium-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:people-holding-hands-medium-light-skin-tone-medium-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:people-holding-hands-medium-light-skin-tone-medium-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--people-holding-hands-medium-light-skin-tone-medium-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:people-holding-hands-medium-light-skin-tone-medium-skin-tone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:people-holding-hands-medium-light-skin-tone-medium-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/people-holding-hands-medium-light-skin-tone-medium-skin-tone.svg" alt="People Holding Hands Medium Light Skin Tone Medium Skin Tone アイコン" width="24" height="24">
他のアイコンセットの People Holding Hands Medium Light Skin Tone Medium Skin Tone アイコン
People Holding Hands Medium Light Skin Tone Medium Skin Tone アイコン のよくある質問
People Holding Hands Medium Light Skin Tone Medium Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で People Holding Hands Medium Light Skin Tone Medium Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:people-holding-hands-medium-light-skin-tone-medium-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
People Holding Hands Medium Light Skin Tone Medium Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/people-holding-hands-medium-light-skin-tone-medium-skin-tone.svg" alt="People Holding Hands Medium Light Skin Tone Medium Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
