Emoji Couple With Heart icon

arcticons:emoji-couple-with-heart

The Emoji Couple With Heart icon (arcticons:emoji-couple-with-heart) is a free SVG icon from the Arcticons set by Donnnno. It is drawn on a 48 × 48 grid. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Arcticons
Author: Donnnno
License: CC-BY-SA-4.0
Size: 48 × 48
Tags: emojicouple, couplewith, withheart, emojicouplewithheart

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.342 25.41c0 3.797-2.388 6.92-5.328 6.92s-5.33-3.123-5.33-6.92v-.428"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.399 22.105c.367-5.327 4.41-5.388 6.43-5.082c.185.061.736 0 .92 0c3.675-.49 5.512 3.673 5.512 5.51c0 .674 0 2.327-.919 3.245c0 0-2.082-2.571-2.205-4.04c0 0-6.982 2.632-7.472.367c0 0-.49 1.836-.919 2.326v1.837S7.215 24.43 7.4 22.105m32.426 12.491c.525-.574 1.067-1.165 1.382-1.532c1.348-1.53 1.654-3.674.858-5.572c-1.103-2.571-1.409-2.571-1.593-5.877c-.06-1.898-1.53-3.49-3.43-3.674c0 0-1.163-1.408-3.675-1.408c-2.94 0-5.635 1.592-6.308 4.102c-.735 2.572.122 3.612-.613 5.572c-.857 2.204-2.327 4.163-.49 6.918c.166.273.885.998 1.417 1.58"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.591 25.84c0 3.673 2.328 6.428 5.084 6.428s5.083-2.755 5.083-6.429c0-2.326-.918-3.673-2.756-5.51c-1.837 1.837-7.35 4.163-7.35 5.082zM25.1 39.615v-1.408c0-2.265 2.266-4.102 4.532-4.102c2.695 2.265 5.39 2.265 8.146 0c2.266 0 4.533 1.836 4.533 4.102v1.408m-36.811 0v-1.408c0-2.265 2.266-4.102 4.532-4.102c2.695 2.265 5.39 2.265 8.147 0c2.266 0 4.532 1.836 4.532 4.102v1.408"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.247 25.656c0 .49-.367.857-.857.857s-.858-.368-.858-.857s.368-.857.858-.857s.857.367.857.857m-3.43 0c0 .49-.367.857-.857.857s-.858-.368-.858-.857s.368-.857.858-.857s.857.367.857.857m-.429 3.49a2.73 2.73 0 0 0 2.573 0m-18.314-3.368c0 .49-.367.857-.857.857s-.858-.367-.858-.857s.368-.857.858-.857s.857.429.857.857m-3.43 0c0 .49-.367.857-.857.857s-.858-.367-.858-.857s.368-.857.858-.857s.857.429.857.857m-.428 3.552a2.73 2.73 0 0 0 2.572 0M25.1 39.615h17.21m-36.81 0h17.211m7.274-28.005a3.225 3.225 0 0 0-3.225-3.225A3.22 3.22 0 0 0 24 9.95a3.22 3.22 0 0 0-2.76-1.564a3.225 3.225 0 0 0-3.225 3.225c0 .407.079.795.216 1.154C19.298 15.83 24 19.196 24 19.196s4.702-3.366 5.769-6.432a3.2 3.2 0 0 0 .216-1.154"/></svg>

How to use the Emoji Couple With Heart icon

React

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

<Icon icon="arcticons:emoji-couple-with-heart" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:emoji-couple-with-heart" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:emoji-couple-with-heart" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:emoji-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="arcticons:emoji-couple-with-heart"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/arcticons/emoji-couple-with-heart.svg" alt="Emoji Couple With Heart icon" width="24" height="24">

Related icons in Arcticons

Emoji Couple With Heart icon FAQ

Is the Emoji Couple With Heart icon free for commercial use?

Yes. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Emoji Couple With Heart icon in React?

Install @iconify/react and render <Icon icon="arcticons:emoji-couple-with-heart" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Emoji Couple With Heart icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/arcticons/emoji-couple-with-heart.svg" alt="Emoji Couple With Heart icon">, or paste the SVG code inline to style it with CSS.

Browse all Arcticons →