Иконка Couple With Heart

twemoji:couple-with-heart

Иконка Couple With Heart (twemoji:couple-with-heart) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Twitter Emoji
Автор: Twitter
Лицензия: CC-BY-4.0
Размер: 36 × 36
Категория: Люди и тело
Теги: couplewith, withheart, couplewithheart

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffac33" d="M0 9.709V.337C1.985-.109 4.563-.04 5.941.406c5.328 1.724 8.29 5.548 8.103 10.596c-.192 5.191-1.62 9.052-4.438 11.232C9.606 22.233.057 9.747 0 9.709"/><path fill="#99aab5" d="M15 31v5H0v-9h11a4 4 0 0 1 4 4"/><path fill="#66757f" d="M11 36h-1v-4h1z"/><path fill="#ffdc5d" d="M0 8.709c.057.038.103.076.163.113c2.56 1.602 5.143.569 7.516 3.191c.592.654.499.125.405-.53c-.094-.654-.81-1.839-1.558-2.182c1.995.281 2.905 1.073 3.615 2.057c.81 1.122 1.145 2.369 1.145 5.56a9.35 9.35 0 0 1-1.679 5.315a9.6 9.6 0 0 1-4.616 3.562v2.279c-.161 1.547-.779 5.272-3.022 5.272c-.858 0-1.495-.549-1.968-1.311z"/><path fill="#c1694f" d="M6 22s-.293.558-1 1.085c-.63.469-1.587.915-3 .915a5.4 5.4 0 0 1-2-.363V22zm-5-2.5h2a.5.5 0 0 0 0-1H1a.5.5 0 0 0 0 1"/><path fill="#662113" d="M6 16a1 1 0 0 0 1-1v-1a1 1 0 1 0-2 0v1a1 1 0 0 0 1 1"/><path fill="#ffac33" d="M36 9.709V.337c-1.985-.446-4.563-.377-5.941.069c-5.328 1.724-8.29 5.548-8.103 10.596c.192 5.191 1.62 9.052 4.438 11.232c0-.001 9.549-12.487 9.606-12.525"/><path fill="#fa743e" d="M25 27a4 4 0 0 0-4 4v5h15v-9z"/><path fill="#dd551f" d="M25 32h1v4h-1z"/><path fill="#ffdc5d" d="M36 8.709c-.057.038-.103.076-.163.113c-2.56 1.602-5.143.569-7.516 3.191c-.592.654-.499.125-.405-.53c.094-.654.81-1.839 1.558-2.182c-1.995.281-2.905 1.073-3.615 2.057c-.81 1.122-1.145 2.369-1.145 5.56c0 1.949.623 3.786 1.679 5.315a9.6 9.6 0 0 0 4.616 3.562v2.279c.161 1.547.779 5.272 3.022 5.272c.858 0 1.495-.549 1.968-1.311V8.709z"/><path fill="#c1694f" d="M30 22s.293.558 1 1.085c.63.469 1.587.915 3 .915a5.4 5.4 0 0 0 2-.363V22zm5-2.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1"/><path fill="#662113" d="M30 16a1 1 0 0 1-1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1"/><path fill="#dd2e44" d="M26.539 4.711A4.71 4.71 0 0 0 21.828 0C20.249 0 18.855.78 18 1.972A4.7 4.7 0 0 0 14.172 0a4.71 4.71 0 0 0-4.711 4.711c0 .369.047.727.127 1.07c.654 4.065 5.173 8.353 8.411 9.529c3.238-1.177 7.758-5.465 8.412-9.528c.081-.344.128-.702.128-1.071"/></svg>

Как использовать иконку Couple With Heart

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/twemoji/couple-with-heart.svg" alt="Иконка Couple With Heart" width="24" height="24">

Иконка Couple With Heart в других наборах

Вопросы и ответы: Иконка Couple With Heart

Можно ли бесплатно использовать иконку Couple With Heart в коммерческих проектах?

Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Couple With Heart в React?

Установите @iconify/react и выведите <Icon icon="twemoji:couple-with-heart" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Couple With Heart на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/couple-with-heart.svg" alt="Иконка Couple With Heart">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Twitter Emoji →