Ícone Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone
noto:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone
O ícone Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone (noto:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone) é um ícone SVG gratuito da coleção Noto Emoji de Google Inc. Ele é desenhado em uma grade de 128 × 128. Noto Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Noto Emoji
- Autor
- Google Inc
- Licença
- Apache-2.0
- Tamanho
- 128 × 128
- Categoria
- Pessoas e corpo
- Tags
- couplewith, withheart, heartman, manman, manmedium, mediumlight, lightskin, skintone, tonemedium, mediumdark, darkskin
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><linearGradient id="SVG0C7b5dnu" x1="30.737" x2="30.737" y1="123.518" y2="110.865" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#006C7D"/><stop offset="1" stop-color="#007689"/></linearGradient><path fill="url(#SVG0C7b5dnu)" d="M34.5 111.11h-7.52c-8.7-.66-21.57 3.25-24.48 12.89h56.46c-2.89-9.64-15.77-13.55-24.46-12.89"/><path fill="#C48E6A" d="M30.5 117.83a6.8 6.8 0 0 1-6.8-6.8v-4.54h13.6v4.54a6.8 6.8 0 0 1-6.8 6.8m22.86-33.52l-5.18-.64l-28.03-3.44l-5.18-.64c-4.14-.51-7.97 2.68-8.51 7.09s2.4 8.43 6.54 8.94l5.18.64l28.03 3.44l5.18.64c4.14.51 7.97-2.68 8.51-7.09s-2.4-8.44-6.54-8.94"/><path fill="#E0BB95" d="M37.09 53.6C24.87 52.1 11.95 63.78 9.64 82.58c-2.3 18.71 8.23 29.39 20.11 30.85s24.68-6.36 26.97-25.07c2.31-18.8-7.41-33.26-19.63-34.76"/><path fill="#AB872F" d="M16.21 79.83c2.62-2.89 7.89-2.36 10.19.67c.4.52.81 1.19.38 1.83c-.47.71-1.23.49-1.84.15c-1.62-.9-3.34-1.42-5.22-1.27c-.81.06-1.53.31-2.32.48c-1.07.22-1.97-.96-1.19-1.86m32.41 5.7c-1.48-.87-3.02-1.46-4.77-1.48c-.8-.01-1.59.1-2.36.3c-.61.16-1.28.46-1.83-.03c-1.57-1.39 1.71-2.95 2.66-3.23c2.04-.6 4.34-.24 6.1.97c.7.48 1.44 1.14 1.79 1.93c.42.99-.56 2.11-1.59 1.54"/><g fill="#5D4037"><ellipse cx="20.81" cy="86.16" rx="3.61" ry="3.49" transform="rotate(-82.998 20.81 86.164)"/><ellipse cx="44.16" cy="89.03" rx="3.61" ry="3.49" transform="rotate(-82.998 44.17 89.032)"/></g><path fill="#C48E6A" d="M34.4 94.42a1 1 0 0 0-.22-.09l-4.97-.61c-.08 0-.16.01-.23.03c-.47.13-.78.56-.63 1.09c.15.52.97 2.04 2.96 2.28s3.15-1.03 3.43-1.5s.09-.96-.34-1.2"/><path fill="#6D4C41" d="M36.9 100.49c-2.4 1.06-9.73.16-11.81-1.45c-1.19-.92-2.65.09-2.26 1.32c.38 1.21 4.06 4.36 7.52 4.79s7.74-1.75 8.4-2.84c.68-1.1-.47-2.43-1.85-1.82"/><path fill="#AB872F" d="M38.17 49.36h-.02C6.22 45.61 8.28 82.86 8.28 82.86s.97 3.93 1.42 5.67c.06.25.41.27.5.02c1.06-2.96 3.87-13.71 5.51-16.84a4.31 4.31 0 0 1 5.1-2.11c4.96 1.53 13.55 2.95 13.57 2.95c5.5.67 11.53.83 14.72.64a4.3 4.3 0 0 1 4.44 3.28c.83 3.42 1.94 14.47 2.25 17.64c.03.26.37.33.49.1l2.76-5.13c.01.01 11.02-35.63-20.87-39.72"/><radialGradient id="SVGaaQErbjZ" cx="20.483" cy="143.909" r="26.951" gradientTransform="matrix(.9925 .1219 -.1375 1.1198 33.905 -84.04)" gradientUnits="userSpaceOnUse"><stop offset=".794" stop-color="#BFA055" stop-opacity="0"/><stop offset="1" stop-color="#BFA055"/></radialGradient><path fill="url(#SVGaaQErbjZ)" d="M59.05 89.09s11.01-35.64-20.88-39.73h-.02c-.5-.06-.98-.11-1.46-.15c-.96-.08-1.88-.12-2.78-.12h-.22C6.42 49.18 8.28 82.86 8.28 82.86l1.43 5.65c.06.25.41.27.5.03c1.07-2.99 3.87-13.7 5.5-16.82a4.3 4.3 0 0 1 5.1-2.11c3.06.95 7.95 2.26 13.45 2.94c.02 0 1 .24 1.02.25c.02 0 .04.01.06.01c5.5.67 10.56.58 13.76.4a4.3 4.3 0 0 1 4.44 3.28c.83 3.44 1.95 14.57 2.26 17.68c.02.26.36.32.49.1c.86-1.58 2.76-5.18 2.76-5.18"/><path fill="#EF5592" d="M78.41 3.74C67.87 3.74 64 14.5 64 14.5S60.18 3.74 49.57 3.74c-7.97 0-17.07 6.32-13.71 20.68s28.16 32.26 28.16 32.26s24.72-17.9 28.08-32.26S87.02 3.74 78.41 3.74"/><path fill="#DA2E75" d="M47.94 4.81c8.27 0 12.38 8.89 13.71 12.5c.19.51.91.53 1.12.03l1.21-2.83c-1.71-5.45-6.4-10.77-14.41-10.77c-3.32 0-6.82 1.1-9.55 3.41c2.4-1.59 5.23-2.34 7.92-2.34m30.47-1.07c-2.55 0-4.7.74-6.51 1.85c1.27-.49 2.68-.78 4.23-.78c7.8 0 14.77 5.91 11.62 19.58c-2.7 11.73-18.5 25.96-23.32 31.39c-.31.35-.41.91-.41.91s24.72-17.9 28.08-32.26c3.36-14.37-5.72-20.69-13.69-20.69"/><path fill="#F386AB" d="M41.4 11.36c1.8-2.25 5.03-4.11 7.76-1.97c1.48 1.16.83 3.54-.49 4.54c-1.93 1.46-3.6 2.34-4.77 4.63c-.7 1.38-1.13 2.88-1.34 4.42c-.08.61-.88.75-1.18.22c-2.04-3.6-2.61-8.55.02-11.84m28.91 4.73c-.85 0-1.44-.82-1.13-1.61a19.3 19.3 0 0 1 2.2-4.11c1.32-1.85 3.82-2.92 5.41-1.81c1.63 1.15 1.42 3.43.27 4.54c-2.45 2.39-5.53 2.99-6.75 2.99"/><linearGradient id="SVG5NZnZcgj" x1="97.236" x2="97.236" y1="123.518" y2="110.865" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#009E89"/><stop offset="1" stop-color="#00BFA5"/></linearGradient><path fill="url(#SVG5NZnZcgj)" d="M101 111.11h-7.52c-8.7-.66-21.57 3.25-24.48 12.89h56.46c-2.89-9.64-15.77-13.55-24.46-12.89"/><path fill="#7A4C32" d="M97 117.83a6.8 6.8 0 0 1-6.8-6.8v-4.54h13.61v4.54a6.816 6.816 0 0 1-6.81 6.8m15-38.17l-5.18.64l-28.03 3.44l-5.18.64c-4.14.51-7.08 4.53-6.54 8.94s4.37 7.6 8.51 7.09l5.18-.64l28.03-3.44l5.18-.64c4.14-.51 7.08-4.53 6.54-8.94c-.54-4.4-4.37-7.59-8.51-7.09"/><path fill="#A56C43" d="M89.33 53.67c-12.22 1.5-21.94 15.96-19.63 34.77c2.3 18.71 15.09 26.52 26.97 25.07c11.88-1.46 22.4-12.14 20.11-30.85c-2.31-18.81-15.23-30.49-27.45-28.99"/><path fill="#42312C" d="M74.86 84.31c1.85-3.44 7.08-4.19 10.05-1.82c.51.41 1.07.96.81 1.68c-.29.8-1.08.77-1.75.59c-1.79-.48-3.59-.57-5.38.03c-.77.26-1.41.67-2.13 1.03c-.97.48-2.13-.45-1.6-1.51M107.69 82c-1.65-.49-3.28-.69-4.99-.28a9.4 9.4 0 0 0-2.22.87c-.55.3-1.14.75-1.79.42c-1.86-.97.95-3.28 1.8-3.78c1.84-1.08 4.16-1.28 6.15-.53c.79.3 1.67.76 2.2 1.44c.67.84-.01 2.16-1.15 1.86"/><g fill="#42312C"><ellipse cx="80.86" cy="89.34" rx="3.49" ry="3.61" transform="rotate(-7.002 80.837 89.317)"/><ellipse cx="104.22" cy="86.47" rx="3.49" ry="3.61" transform="rotate(-7.002 104.188 86.45)"/></g><path fill="#875334" d="M96.04 94.06a1 1 0 0 0-.23-.03l-4.97.61c-.07.02-.15.05-.22.09c-.43.24-.62.73-.34 1.21c.27.47 1.43 1.74 3.43 1.5c1.99-.24 2.81-1.76 2.96-2.28c.15-.53-.15-.97-.63-1.1"/><path fill="#473530" d="M99.94 99.35c-2.07 1.61-9.41 2.51-11.81 1.45c-1.38-.61-2.55.72-1.87 1.83c.66 1.08 4.99 3.25 8.45 2.83s7.08-3.57 7.47-4.78c.39-1.24-1.05-2.25-2.24-1.33"/><path fill="#3C2C23" d="M88.81 49.43h-.02c-31.89 4.1-20.88 39.74-20.88 39.74s1.89 3.58 2.75 5.16c.12.23.47.16.49-.1c.31-3.13.44-14.24 1.27-17.67c.49-2.03 2.36-3.39 4.44-3.28c5.19.28 13.86-.41 13.88-.42c5.5-.67 11.38-1.99 14.44-2.94c1.99-.62 4.14.26 5.1 2.11c1.63 3.12 5.39 13.57 6.46 16.57c.09.25.44.23.5-.03l1.43-5.64c.01 0 2.07-37.24-29.86-33.5"/><radialGradient id="SVGVZJhedvd" cx="117.789" cy="8.938" r="26.951" gradientTransform="matrix(.9925 -.1219 .1375 1.1198 -25.63 84.027)" gradientUnits="userSpaceOnUse"><stop offset=".794" stop-color="#554138" stop-opacity="0"/><stop offset="1" stop-color="#554138"/></radialGradient><path fill="url(#SVGVZJhedvd)" d="M118.68 82.93s2.06-37.25-29.87-33.5h-.02c-.5.06-.98.13-1.46.21a34 34 0 0 0-2.75.57c-.06.02-.12.03-.18.05c-26.45 6.68-16.49 38.91-16.49 38.91l2.75 5.13c.12.23.46.16.49-.1c.31-3.16.44-14.22 1.27-17.65a4.3 4.3 0 0 1 4.44-3.28c3.2.18 8.26.27 13.76-.4l1.05-.01c.02 0 .04 0 .06-.01c5.5-.67 10.39-1.99 13.45-2.94c1.99-.62 4.14.26 5.1 2.11c1.64 3.14 5.42 13.66 6.47 16.61c.09.24.43.23.5-.02c.45-1.73 1.43-5.68 1.43-5.68"/></svg>Como usar o ícone Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone
React
import { Icon } from "@iconify/react";
<Icon icon="noto:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/noto/couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone.svg" alt="Ícone Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone" width="24" height="24">Ícones relacionados em Noto Emoji
O ícone Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone em outras coleções
Perguntas frequentes sobre Ícone Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone
O ícone Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone é grátis para uso comercial?
Sim. Noto Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone no React?
Instale @iconify/react e renderize <Icon icon="noto:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/noto/couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone.svg" alt="Ícone Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.