Иконка Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone

twemoji:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone

Иконка Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone (twemoji:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone) — бесплатная 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, heartman, manman, manmedium, mediumlight, lightskin, skintone, tonemedium, mediumdark, darkskin

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffe51e" d="M11 11.844c-2.297-.669-3.315-3.565-3.734-5.369C6.313 7.952 4.23 10.155 0 11.28V.425A11 11 0 0 1 3 0c6.075 0 11 4.925 11 11c0 3.009-1.211 5.733-3.168 7.719c.107-.557.168-1.13.168-1.719z"/><path fill="#f3d2a2" d="M0 28.604L2 32l3-5v-1.523A9.005 9.005 0 0 0 11 17v-5.156c-2.297-.669-3.315-3.565-3.734-5.369C6.313 7.952 4.23 10.155 0 11.28z"/><path fill="#3b94d9" d="M0 28.604L2 32l3-5h6a4 4 0 0 1 4 4v5H0z"/><path fill="#1c6399" d="M10 32h1v4h-1z"/><path fill="#c1694f" d="M5 22h1s-1 2-4 2a5.4 5.4 0 0 1-2-.363V22zm-2-2.5H1a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1"/><path fill="#662113" d="M6 16a1 1 0 0 1-1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1"/><path fill="#60352a" d="M25 11.844c2.297-.669 3.315-3.565 3.734-5.369c.953 1.477 3.036 3.68 7.266 4.805V.425A11 11 0 0 0 33 0c-6.075 0-11 4.925-11 11c0 3.009 1.211 5.733 3.168 7.719A9 9 0 0 1 25 17z"/><path fill="#af7e57" d="M36 11.28c-4.23-1.125-6.313-3.328-7.266-4.804c-.42 1.804-1.438 4.699-3.734 5.369V17a9 9 0 0 0 6 8.476V27l3 5l2-3.396z"/><path fill="#3b94d9" d="M36 28.604L34 32l-3-5h-6a4 4 0 0 0-4 4v5h15z"/><path fill="#1c6399" d="M25 32h1v4h-1z"/><path fill="#915a34" d="M31 22h-1s1 2 4 2a5.4 5.4 0 0 0 2-.363V22zm2-2.5h2a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1"/><path fill="#662113" d="M30 16a1 1 0 0 0 1-1v-1a1 1 0 1 0-2 0v1a1 1 0 0 0 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 Man Man Medium Light Skin Tone Medium Dark Skin Tone

React

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

<Icon icon="twemoji: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="twemoji: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="twemoji:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone"></div>

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

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

<iconify-icon icon="twemoji:couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/twemoji/couple-with-heart-man-man-medium-light-skin-tone-medium-dark-skin-tone.svg" alt="Иконка Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone" width="24" height="24">

Иконка Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone в других наборах

Вопросы и ответы: Иконка Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone

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

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

Как использовать иконку Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone в React?

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

Как добавить иконку Couple With Heart Man Man Medium Light Skin Tone Medium Dark Skin Tone на веб-страницу?

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

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