Иконка Kiss Man Man Medium Light Skin Tone Medium Dark Skin Tone
twemoji:kiss-man-man-medium-light-skin-tone-medium-dark-skin-tone
Иконка Kiss Man Man Medium Light Skin Tone Medium Dark Skin Tone (twemoji:kiss-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
- Категория
- Люди и тело
- Теги
- kissman, manman, manmedium, mediumlight, lightskin, skintone, tonemedium, mediumdark, darkskin
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f3d2a2" d="M5 8.042c6.626 0 12 5.373 12 12s-5.374 12-12 12c-1.787 0-3.476-.401-5-1.102V9.143a11.9 11.9 0 0 1 5-1.101"/><path fill="#ffe51e" d="M15.333 15.042c-.055.06-.128.115-.197.171c-.72.716-1.753 1.477-3.219 2.036c-3.691 1.407-9.121.297-9.121.297s.748-1.198 2.101-2.492A17.1 17.1 0 0 0 0 17.425v-9.25a13.44 13.44 0 0 1 6-1.428c6.508-.008 9.915 3.393 10.059 6.135c.176.085.352.168.531.265c0 0-.237.641-.902 1.459a10 10 0 0 1-.249.29c-.038.047-.064.1-.106.146"/><path fill="#662113" d="M10 21.542c1.411 0 1.497-1.251 1.5-1.503a.5.5 0 0 1 1 .003c0 .864-.523 2.5-2.5 2.5a.5.5 0 0 1 0-1m-5 0c1.411 0 1.497-1.251 1.5-1.503a.5.5 0 0 1 1 .003c0 .864-.523 2.5-2.5 2.5a.5.5 0 0 1 0-1"/><path fill="#c1694f" d="M9.995 25.542a.501.501 0 0 1 .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.5a.497.497 0 0 1-.496-.494a.503.503 0 0 1 .49-.506c.231-.006.506-.098.506-.5s-.275-.494-.5-.5h-.011a.5.5 0 0 1 .006-1c.23-.006.505-.098.505-.5c0-.403-.274-.494-.505-.5"/><path fill="#af7e57" d="M31 8.042c-6.626 0-12 5.373-12 12s5.374 12 12 12c1.787 0 3.476-.401 5-1.102V9.143a11.9 11.9 0 0 0-5-1.101"/><path fill="#60352a" d="M20.667 15.042c.055.06.128.115.197.171c.72.716 1.753 1.477 3.219 2.036c3.691 1.407 9.121.297 9.121.297s-.748-1.198-2.101-2.492A17.1 17.1 0 0 1 36 17.425v-9.25a13.4 13.4 0 0 0-6-1.429c-6.508-.008-9.915 3.393-10.059 6.135c-.176.085-.352.168-.531.265c0 0 .237.641.902 1.459q.116.141.249.29c.038.048.064.101.106.147"/><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="#915a34" 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="#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>
Как использовать иконку Kiss Man Man Medium Light Skin Tone Medium Dark Skin Tone
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:kiss-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:kiss-man-man-medium-light-skin-tone-medium-dark-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:kiss-man-man-medium-light-skin-tone-medium-dark-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--kiss-man-man-medium-light-skin-tone-medium-dark-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:kiss-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:kiss-man-man-medium-light-skin-tone-medium-dark-skin-tone"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/kiss-man-man-medium-light-skin-tone-medium-dark-skin-tone.svg" alt="Иконка Kiss Man Man Medium Light Skin Tone Medium Dark Skin Tone" width="24" height="24">
Похожие иконки в наборе Twitter Emoji
Иконка Kiss Man Man Medium Light Skin Tone Medium Dark Skin Tone в других наборах
Вопросы и ответы: Иконка Kiss Man Man Medium Light Skin Tone Medium Dark Skin Tone
Можно ли бесплатно использовать иконку Kiss Man Man Medium Light Skin Tone Medium Dark Skin Tone в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Kiss Man Man Medium Light Skin Tone Medium Dark Skin Tone в React?
Установите @iconify/react и выведите <Icon icon="twemoji:kiss-man-man-medium-light-skin-tone-medium-dark-skin-tone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Kiss Man Man Medium Light Skin Tone Medium Dark Skin Tone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/kiss-man-man-medium-light-skin-tone-medium-dark-skin-tone.svg" alt="Иконка Kiss Man Man Medium Light Skin Tone Medium Dark Skin Tone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
