Ícone Couple With Heart

emojione-monotone:couple-with-heart

O ícone Couple With Heart (emojione-monotone:couple-with-heart) é um ícone SVG gratuito da coleção Emoji One (Monotone) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Monotone) 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: Emoji One (Monotone)
Autor: Emoji One
Licença: CC-BY-4.0
Tamanho: 64 × 64
Categoria: Pessoas
Tags: couplewith, withheart, couplewithheart

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><circle cx="12.109" cy="40.309" r="2.25" fill="currentColor"/><circle cx="22.84" cy="40.309" r="2.25" fill="currentColor"/><path fill="currentColor" d="M13.544 47.656c.701 1.285 2.118 2.432 3.932 2.432s3.23-1.146 3.931-2.432c.189-.346-.061-.719-.34-.504c-2.313 1.801-4.881 1.789-7.185 0c-.278-.214-.528.159-.338.504"/><path fill="currentColor" d="M54.316 50.949c2.34-1.771 4.302-4.184 4.799-7.008C60.512 43.725 62 42.833 62 40.018c0-2.479-.914-3.221-1.687-3.405c-.081-10.169-2.563-14.505-13.695-14.61c-11.224-.107-14.181 4.416-14.288 14.737a1.8 1.8 0 0 0-.33.216v-.286c0-12.396-8.122-12.164-8.122-12.164S23.267 22 17.001 22C7.298 22 2 28.33 2 36.67V62h60v-7.225c0-1.906-3.288-3.18-7.684-3.826M5.893 36.711c6.02 0 15.828-7.83 15.828-7.83s3.707 6.912 7.285 7.83c0 0 1.735.318 1.735 3.063c0 3.299-2.313 3.869-2.313 3.869c-.029 4.979-6.826 9.984-10.95 9.984c-4.129 0-11.039-5.006-11.039-9.984c0 0-2.229-.57-2.229-3.869c0-2.614 1.683-3.063 1.683-3.063M31.5 61.021L2.999 61v-6.225c0-1.014 2.589-2.307 7.511-2.938c2.289 1.703 4.929 2.789 6.968 2.789c1.972 0 4.52-1.042 6.759-2.686c4.435.662 7.264 2.6 7.264 3.56zm.47-21.003c0-1.632.397-2.46 1.183-2.46q.078 0 .157.009c.104.598.226 1.029.371 1.314c.358.697 1.039 1.078 1.116 1.119l.838.451l-.134-.965a18 18 0 0 1-.103-2.735c.332-5.026.651-5.696 1.743-5.696c.496 0 1.177.139 2.04.313c1.681.341 3.982.808 7.317.808s5.637-.467 7.317-.808c.863-.175 1.544-.313 2.041-.313c1.093 0 1.412.672 1.74 5.695c.058 1.577-.099 2.725-.101 2.736l-.135.967l.841-.453c.077-.041.756-.422 1.115-1.119c.147-.287.268-.709.374-1.314c.879-.096 1.34.713 1.34 2.451c0 1.906-.754 2.85-2.372 2.971l-.396.029l-.051.404c-.749 5.939-8.599 9.705-11.713 9.705s-10.964-3.766-11.711-9.705l-.051-.404l-.396-.029c-1.616-.122-2.37-1.065-2.37-2.971m.03 3.008c.536.546 1.219.812 1.885.915c.509 2.896 2.557 5.36 4.975 7.143c-3.973.68-6.86 1.906-6.86 3.691zM60.999 61l-28.499.001v-5.5c0-1.719 3.174-2.981 7.56-3.597c2.286 1.415 4.726 2.223 6.439 2.223c1.755 0 4.271-.852 6.604-2.331c4.884.579 7.896 1.808 7.896 2.979z"/><circle cx="41.009" cy="40.309" r="2.25" fill="currentColor"/><circle cx="52.007" cy="40.309" r="2.25" fill="currentColor"/><path fill="currentColor" d="M42.573 47.656c.701 1.285 2.119 2.432 3.934 2.432s3.232-1.146 3.934-2.432c.189-.346-.063-.719-.34-.504c-2.314 1.801-4.885 1.789-7.189 0c-.278-.214-.528.159-.339.504M31.997 26c1.201-1.082 17.977-9.818 14.539-18.92c-3.195-8.459-13.578-4.664-14.539-.439c-1.32-4.502-11.443-7.859-14.533.443C14.024 16.336 30.798 24.641 31.997 26"/></svg>

Como usar o ícone Couple With Heart

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:couple-with-heart" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:couple-with-heart" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:couple-with-heart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--couple-with-heart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:couple-with-heart"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:couple-with-heart"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/couple-with-heart.svg" alt="Ícone Couple With Heart" width="24" height="24">

Ícones relacionados em Emoji One (Monotone)

O ícone Couple With Heart em outras coleções

Perguntas frequentes sobre Ícone Couple With Heart

O ícone Couple With Heart é grátis para uso comercial?

Sim. Emoji One (Monotone) 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 Couple With Heart no React?

Instale @iconify/react e renderize <Icon icon="emojione-monotone:couple-with-heart" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Couple With Heart a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-monotone/couple-with-heart.svg" alt="Ícone Couple With Heart">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Emoji One (Monotone) →