Women Holding Hands Medium Light Skin Tone Dark Skin Tone アイコン
twemoji:women-holding-hands-medium-light-skin-tone-dark-skin-tone
Women Holding Hands Medium Light Skin Tone Dark Skin Tone アイコン(twemoji:women-holding-hands-medium-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
- カテゴリ
- 人物・体
- タグ
- womenholding、holdinghands、handsmedium、mediumlight、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="#ffe51e" 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="#f3d2a2" 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="#e2c196" 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="#f3d2a2" 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="#f3d2a2" d="M8 11v4a2 2 0 0 0 4 0v-4z"/><path fill="#e2c196" d="M8 13.56c.608.687 1.178.859 1.998.859c.819 0 1.394-.173 2.002-.859v-.812H8z"/><path fill="#f3d2a2" d="M15 3H5v6c0 2.762 2.238 5 5 5s5-2.237 5-5z"/><path fill="#ffe51e" 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="M33 6.001A6 6 0 0 0 27 0a5.96 5.96 0 0 0-3.402 1.061C23.401 1.031 23.205 1 23 1a4 4 0 0 0-4 4v6h14z"/><path fill="#7c533e" d="M27.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.312-.766 3.312 0c0 .344-.365 1.681-.417 3.131c.312 1.659-.642 1.615-.485 3.678"/><path fill="#664131" d="M29.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="#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-.685 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-.056.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-.088-.217-.129-2.787-.66-4.479c-.143-.458-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.626 1.566 3.946c-.036.692.034 1.302.433 1.296c.048.363 0 .735.094.781"/><path fill="#292f33" d="M29.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="#9268ca" d="M30.354 17.771L32 16c-1.438-1.792-4-2-4-2h-4s-2.562.208-4 2l1.646 1.771s.604 2.917.604 3.229S21 25.75 21 28h10c0-2.25-1.25-6.688-1.25-7s.604-3.229.604-3.229"/><path fill="#aa8ed6" d="M29.75 21c0-.106.07-.512.161-1h-7.822c.092.488.161.894.161 1c0 .083-.122.509-.223 1h7.942c-.108-.558-.219-.917-.219-1"/><path fill="#7c533e" d="M24 11v4a2 2 0 0 0 4 0v-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="M31 2H21l-1 5c4 0 4-4 4-4s0 4 8 4z"/><path fill="#df1f32" 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>
Women Holding Hands Medium Light Skin Tone Dark Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:women-holding-hands-medium-light-skin-tone-dark-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:women-holding-hands-medium-light-skin-tone-dark-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:women-holding-hands-medium-light-skin-tone-dark-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--women-holding-hands-medium-light-skin-tone-dark-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:women-holding-hands-medium-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:women-holding-hands-medium-light-skin-tone-dark-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/women-holding-hands-medium-light-skin-tone-dark-skin-tone.svg" alt="Women Holding Hands Medium Light Skin Tone Dark Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Women Holding Hands Medium Light Skin Tone Dark Skin Tone アイコン
Women Holding Hands Medium Light Skin Tone Dark Skin Tone アイコン のよくある質問
Women Holding Hands Medium Light Skin Tone Dark Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Women Holding Hands Medium Light Skin Tone Dark Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:women-holding-hands-medium-light-skin-tone-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Women Holding Hands Medium Light Skin Tone Dark Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/women-holding-hands-medium-light-skin-tone-dark-skin-tone.svg" alt="Women Holding Hands Medium Light Skin Tone Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
