Ícone Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone

twemoji:men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone

O ícone Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone (twemoji:men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone) é um ícone SVG gratuito da coleção Twitter Emoji de Twitter. Ele é desenhado em uma grade de 36 × 36. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Twitter Emoji
Autor: Twitter
Licença: CC-BY-4.0
Tamanho: 36 × 36
Categoria: Pessoas e corpo
Tags: menholding, holdinghands, handsmedium, mediumdark, darkskin, skintone, tonemedium, mediumlight, lightskin, hand

Baixar SVG

Código 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>

Como usar o ícone 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 component

<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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/twemoji/men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone.svg" alt="Ícone Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone" width="24" height="24">

Ícones relacionados em Twitter Emoji

O ícone Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone em outras coleções

Perguntas frequentes sobre Ícone Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone

O ícone Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone é grátis para uso comercial?

Sim. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone no React?

Instale @iconify/react e renderize <Icon icon="twemoji:men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/twemoji/men-holding-hands-medium-dark-skin-tone-medium-light-skin-tone.svg" alt="Ícone Men Holding Hands Medium Dark Skin Tone Medium Light Skin Tone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Twitter Emoji →