Иконка Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone
twemoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone
Иконка Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone (twemoji:kiss-person-person-medium-dark-skin-tone-medium-light-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
- Категория
- Люди и тело
- Теги
- kissperson, personperson, personmedium, mediumdark, darkskin, skintone, tonemedium, mediumlight, lightskin
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#af7e57" d="M5 8.316c-1.787 0-3.476.401-5 1.102v21.16c1.53 1 3.342 1.625 5.318 1.723l.047.005c5.241.23 9.807-3.307 11.006-8.177c.402-1.199.629-2.479.629-3.813c0-6.627-5.374-12-12-12"/><path fill="#662113" d="M10 22.542c1.977 0 2.5-1.636 2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1m-2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1c1.977 0 2.5-1.636 2.5-2.5"/><path fill="#915a34" d="M9.995 26.542a.501.501 0 0 0-.006 1H10c.225.006.5.098.5.5s-.275.494-.506.5a.5.5 0 0 0-.49.506a.497.497 0 0 0 .496.494c.602 0 1.5-.399 1.5-1.5c0-.438-.143-.765-.352-1c.209-.235.352-.562.352-1c0-1.101-.898-1.5-1.5-1.5a.5.5 0 0 0-.005 1c.23.006.505.098.505.5s-.274.494-.505.5"/><path fill="#60352a" d="M2.543 18.54c-1.17.957-1.657 2.437-1.576 3.417c2.691-4.234 8.495-2.335 10.977-7.127c0 0 5.82 1.809 4.529 8.956c0 0 2.474-2.568 2.474-5.143c0-3.11-.994-8.87-5.534-9.725C11.019 6.245 4.857 5.054 0 6.525v13.319c.821-.799 1.704-1.29 2.543-1.304"/><path fill="#f3d2a2" d="M31 8.316c-6.626 0-12 5.373-12 12c0 1.334.227 2.614.629 3.813c1.198 4.87 5.765 8.406 11.006 8.177l.047-.005A10.64 10.64 0 0 0 36 30.578V9.418a11.9 11.9 0 0 0-5-1.102"/><path fill="#662113" d="M26 21.542c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1m5 0c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1"/><path fill="#c1694f" d="M26.005 25.542a.501.501 0 0 0-.005-1c-.602 0-1.5.399-1.5 1.5c0 .438.143.765.352 1c-.209.235-.352.562-.352 1c0 1.101.898 1.5 1.5 1.5c.273 0 .493-.22.496-.494a.503.503 0 0 0-.49-.506c-.231-.006-.506-.098-.506-.5s.275-.494.5-.5h.011a.5.5 0 0 0-.006-1c-.23-.006-.505-.098-.505-.5c0-.403.274-.494.505-.5"/><path fill="#ffe51e" d="M22.588 8.918c-4.54.855-5.534 6.614-5.534 9.725c0 2.575 2.474 5.143 2.474 5.143c-1.291-7.147 4.529-8.956 4.529-8.956c2.482 4.792 8.286 2.893 10.977 7.127c.08-.98-.406-2.459-1.576-3.417c.839.014 1.722.505 2.543 1.304V6.525c-4.858-1.471-11.02-.28-13.413 2.393"/><path fill="#dd2e44" d="M26.539 6.711A4.71 4.71 0 0 0 21.828 2c-1.579 0-2.973.78-3.828 1.972A4.7 4.7 0 0 0 14.172 2a4.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>
Как использовать иконку Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone.svg" alt="Иконка Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone" width="24" height="24">
Похожие иконки в наборе Twitter Emoji
Иконка Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone в других наборах
Вопросы и ответы: Иконка Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone
Можно ли бесплатно использовать иконку Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone в React?
Установите @iconify/react и выведите <Icon icon="twemoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone.svg" alt="Иконка Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
