Woman And Man Holding Hands Light Skin Tone Dark Skin Tone アイコン
twemoji:woman-and-man-holding-hands-light-skin-tone-dark-skin-tone
Woman And Man Holding Hands Light Skin Tone Dark Skin Tone アイコン(twemoji:woman-and-man-holding-hands-light-skin-tone-dark-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
- カテゴリ
- 人物・体
- タグ
- womanand、andman、manholding、holdinghands、handslight、lightskin、skintone、tonedark、darkskin、hand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#292f33" d="M11 0a5.96 5.96 0 0 0-3.402 1.061C7.401 1.031 7.205 1 7 1a4 4 0 0 0-4 4v6a7 7 0 1 0 14 0V6.001A6 6 0 0 0 11 0"/><path fill="#f7dece" d="M11.213 34.309c-.052.682 1.849.953 2.129.791c.299-.173-.698-.623-.702-.977c-.019-1.797.53-1.648.311-3.492c.443-1.625.672-2.592.672-3.131c0-1.25-3.312-.766-3.312 0c0 .344.365 1.681.417 3.131c-.313 1.659.641 1.615.485 3.678m-2.448 0c.052.682-1.849.953-2.129.791c-.299-.173.698-.623.702-.977c.019-1.797-.53-1.648-.311-3.492c-.443-1.625-.672-2.592-.672-3.131c0-1.25 3.313-.766 3.313 0c0 .344-.365 1.681-.417 3.131c.311 1.659-.642 1.615-.486 3.678"/><path fill="#eec2ad" d="M13.623 27.5c0-1.25-3.312-.766-3.312 0c0 .151.071.499.154.961h3.029q.127-.615.129-.961m-3.956 0c0-.766-3.312-1.25-3.312 0q.001.346.13.961h3.029c.082-.462.153-.81.153-.961"/><path fill="#f7dece" d="M3.258 26.96c-.258.124-.503-.097-.619-.227c-.328-.367-.583-1.246-.282-2.209c.303-.973.6-2.384 1.199-4.002c.081-.22.499-3.764.805-4.445c.197-.437 1.28-.896 1.81-.807c.529.089.246.651.105 1.13c0 0-.916 3.953-1.016 4.296c-.316 1.079-1.624 2.918-1.565 4.237c.031.692.06 1.255-.339 1.246c-.049.362-.003.735-.098.781m14.984-.2c.271.091.487-.159.586-.302c.279-.405.422-1.309.004-2.227c-.423-.927-.894-2.29-1.69-3.821c-.108-.208-.966-3.672-1.355-4.309c-.25-.409-1.382-.729-1.897-.574c-.513.154-.162.676.037 1.134c0 0 1.403 3.807 1.546 4.135c.449 1.031 1.977 2.691 2.082 4.008c.056.69.097 1.253.492 1.194c.094.353.095.729.195.762"/><path fill="#292f33" d="M13.945 36c.305 0 .372-.418.089-.629c-.379-.285-.88-1.371-1.561-1.371h-1.245c-.229 0-.49 1.209-.41 1.48c.102.345.433.52.812.52zm-7.913 0c-.305 0-.372-.418-.089-.629c.379-.285.88-1.371 1.561-1.371h1.245c.229 0 .49 1.209.41 1.48c-.102.345-.433.52-.811.52z"/><path fill="#e75a70" d="M14.354 17.771L16 16c-1.438-1.792-4-2-4-2H8s-2.562.208-4 2l1.646 1.771S6.25 20.688 6.25 21S5 25.75 5 28h10c0-2.25-1.25-6.688-1.25-7s.604-3.229.604-3.229"/><path fill="#da2f47" d="M13.75 21c0-.106.07-.512.161-1H6.089c.092.488.161.894.161 1c0 .083-.122.509-.223 1h7.942c-.108-.558-.219-.917-.219-1"/><path fill="#f7dece" d="M8 11v4a2 2 0 0 0 4 0v-4z"/><path fill="#eec2ad" d="M8 13.56c.608.687 1.178.859 1.998.859c.819 0 1.394-.173 2.002-.859v-.812H8z"/><path fill="#f7dece" d="M15 3H5v6c0 2.762 2.238 5 5 5s5-2.237 5-5z"/><path fill="#292f33" d="M15 2H5L4 7c4 0 4-4 4-4s0 4 8 4z"/><path fill="#df1f32" 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="#0b0200" 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"/><path fill="#7c533e" 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"/><path fill="#aab8c2" 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="#4289c1" 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="#7c533e" d="M24 10.042v4c0 .682.896 1.305 2 1.305s2-.668 2-1.305v-4z"/><path fill="#664131" d="M24 13.561c.608.687 1.178.859 1.998.859c.819 0 1.394-.173 2.002-.859v-.812h-4z"/><path fill="#7c533e" d="M31 3H21v6c0 2.762 2.238 5 5 5s5-2.237 5-5z"/><path fill="#0b0200" 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="#3d2e24" d="M28 12h-4s0 1 2 1s2-1 2-1"/><circle cx="23.5" cy="8.5" r=".5"/><circle cx="28.5" cy="8.5" r=".5"/><path fill="#3d2e24" d="M25 10h2s0 1-1 1s-1-1-1-1"/></svg>
Woman And Man Holding Hands Light Skin Tone Dark Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:woman-and-man-holding-hands-light-skin-tone-dark-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:woman-and-man-holding-hands-light-skin-tone-dark-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:woman-and-man-holding-hands-light-skin-tone-dark-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--woman-and-man-holding-hands-light-skin-tone-dark-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:woman-and-man-holding-hands-light-skin-tone-dark-skin-tone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:woman-and-man-holding-hands-light-skin-tone-dark-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/woman-and-man-holding-hands-light-skin-tone-dark-skin-tone.svg" alt="Woman And Man Holding Hands Light Skin Tone Dark Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Woman And Man Holding Hands Light Skin Tone Dark Skin Tone アイコン
Woman And Man Holding Hands Light Skin Tone Dark Skin Tone アイコン のよくある質問
Woman And Man Holding Hands Light Skin Tone Dark Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Woman And Man Holding Hands Light Skin Tone Dark Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:woman-and-man-holding-hands-light-skin-tone-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Woman And Man Holding Hands Light Skin Tone Dark Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/woman-and-man-holding-hands-light-skin-tone-dark-skin-tone.svg" alt="Woman And Man Holding Hands Light Skin Tone Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
