Иконка Woman Singer Light Skin Tone

twemoji:woman-singer-light-skin-tone

Иконка Woman Singer Light Skin Tone (twemoji:woman-singer-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
Категория: Люди и тело
Теги: womansinger, singerlight, lightskin, skintone, womansingerlightskintone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#292f33" d="M27.875 26h-12c-3.313 0-7.125 2.186-7.125 5.5V36h26v-4.5c0-3.314-3.56-5.5-6.875-5.5"/><path fill="#f6ddcd" d="m21.75 25.917l-6.188.601l6.188 8.045l5.229-8.045z"/><path fill="#a88dc1" d="M21.749 36h9.001c4-3.5 5.083-6.5 5.083-6.5S32.5 26 26.062 24.854c0 1.224.988 3.132.988 3.132l-5.301 6.576z"/><path fill="#a88dc1" d="M21.749 36h-9.001c-4-3.5-5.083-6.5-5.083-6.5s3.333-3.5 9.771-4.646c0 1.224-.988 3.132-.988 3.132l5.301 6.576z"/><path fill="#7355a2" d="M33 27.406s-1.953-1.328-4.156-2.062c-3.058-1.019-2.375 1.82-2.375 1.82s-3.82 6.034-4.72 7.399c0 0 6.534-5.43 11.251-7.157m-22.502 0s1.953-1.328 4.156-2.062c3.058-1.019 2.375 1.82 2.375 1.82s3.82 6.034 4.72 7.399c0 0-6.534-5.43-11.251-7.157"/><path fill="#522e8d" d="M21.75 34.563s7.333-7.479 12.125-8.354c-4.083-3.417-10.125-3.042-10.125-3.042c0 1.224 1.488 1.868 1.488 3.382c0 2.485-2.59 6.203-3.489 7.567z"/><path fill="#522e8d" d="M21.748 34.563s-7.333-7.479-12.125-8.354c4.083-3.417 10.125-3.042 10.125-3.042c0 1.224-1.488 1.868-1.488 3.382c0 2.485 2.59 6.203 3.489 7.567z"/><path fill="#f6ddcd" d="M18.25 26.518c1.466 1.065 2.792.98 3.5.98s2.194.085 3.488-.949l.012-4.14h-7z"/><path fill="#ecc0ac" d="M18.25 24.155c.975 1.102 2.185 1.4 3.499 1.4s2.526-.298 3.501-1.4v-2.801h-7z"/><path fill="#f4abba" d="M30.877 21.749c-.175.369-.534.739-.736.93c1.969.427 3.359.946 3.359.946s-.483-.662-.694-1.875c-.074-.422-.391-.826-.458-1.375a33 33 0 0 1-.208-2.208c-.052-.951-.121-1.809-.083-2.958c.289-8.89-6.256-11.23-10.36-11.23S10.459 6.036 10.748 14.926a37 37 0 0 1-.032 3.157a33 33 0 0 1-.193 2.205a28 28 0 0 1-.215 1.459c-.212 1.213-.417 1.879-.417 1.879s6.906-2.592 11.805-.958c2.234-.745 4.881-.609 7.105-.242c.347-.098 1.437-.408 2.076-.677"/><path fill="#f6ddcd" d="M21.695 4.064c-4.535 0-8.211 4.729-8.211 10.563a12.8 12.8 0 0 0 .722 4.269c.237.663.529 1.284.866 1.859q.309.529.669 1c1.496 1.959 3.608 3.157 5.954 3.157c4.533 0 8.209-4.452 8.209-10.285S26.228 4.064 21.695 4.064"/><path fill="#dd2e44" d="m19.766 14.133l2.581-3.69l-4.362-1.775l-3.933 9.764q.073.236.153.464l1.946-.798l-1.08 2.657q.309.529.669 1l6.822-8.236z"/><path fill="#de2032" d="M21.695 22.452c-1.606 0-2.447-.794-2.537-.885a.685.685 0 0 1 .961-.974c.035.032.551.491 1.576.491c1.038 0 1.555-.473 1.576-.492a.69.69 0 0 1 .963.019c.26.269.26.691-.004.955c-.089.092-.929.886-2.535.886"/><path fill="#c1694f" d="M22.586 19.409h-1.69a.423.423 0 0 1-.423-.423v-.153c0-.233.189-.424.423-.424h1.69c.233 0 .424.19.424.424v.153a.424.424 0 0 1-.424.423"/><path fill="#662213" d="M25.123 16.796a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846s.846.381.846.846v.845a.85.85 0 0 1-.846.847m-6.765 0a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846a.85.85 0 0 1 .847.846v.845a.85.85 0 0 1-.847.847"/><path fill="#f4abba" d="M32.681 17.022c.003-1.113.003-1.269.003-2.315c0-2.237-.434-4.12-1.147-5.686c.382.076.845.139 1.244.094c-.779-.556-1.912-1.586-2.354-1.994c-2.36-3.27-6.077-4.621-8.691-4.621c-3.754 0-9.783 2.739-10.787 10.011l-.015-.111s-.84 2.042-1.461 3.114c.475-.155.974-.495 1.316-.758c-.002.732-.018 1.244.009 3.153h.72c-.021-1-.044-.224-.044-.465c0-3.422 2.053.494 2.053-1.943s1.368-2.683 2.736-4.051c.331-.331.821-.815 1.24-1.227c1.396.632 3.268 1.109 5.734 1.228c.238.069 1.847.574 3.119 1.903a3.07 3.07 0 0 0-.604-1.721c1.947.399 3.147 1.725 3.406 3.971l.011.072c-.014.374-.12 1.783-.914 3.1a2.8 2.8 0 0 0 1.314-.881c1.205 4.775 3.932 5.732 3.932 5.732c-.555-2.414-.75-4.83-.82-6.605"/><path fill="#f6ddcd" d="M15.194 14.845c0 1.448-.734 2.622-1.639 2.622s-1.639-1.174-1.639-2.622s.734-2.623 1.639-2.623s1.639 1.175 1.639 2.623"/><path fill="#424143" d="M10.513 20.292a3.07 3.07 0 0 0-3.069 3.07c0 .478.119.925.314 1.328l-.232-.232a.816.816 0 0 0-1.212.045L.826 30.725c-.544.628-.798 1.643.011 2.452s1.807.574 2.454.013l.892-.815V36h1.784v-5.255l3.443-3.146a.815.815 0 0 0 .045-1.211l-.271-.271c.404.196.851.315 1.33.315a3.07 3.07 0 1 0-.001-6.14"/><path fill="#59595c" d="M12.161 26.327a.384.384 0 0 1-.543 0l-4.07-4.07a.383.383 0 0 1 0-.542l.543-.543c.15-.15.393-.15.543 0l4.07 4.07c.15.15.15.393 0 .543z"/></svg>

Как использовать иконку Woman Singer Light Skin Tone

React

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

<Icon icon="twemoji:woman-singer-light-skin-tone" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:woman-singer-light-skin-tone" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:woman-singer-light-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--woman-singer-light-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:woman-singer-light-skin-tone"></div>

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

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

<iconify-icon icon="twemoji:woman-singer-light-skin-tone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/twemoji/woman-singer-light-skin-tone.svg" alt="Иконка Woman Singer Light Skin Tone" width="24" height="24">

Иконка Woman Singer Light Skin Tone в других наборах

Вопросы и ответы: Иконка Woman Singer Light Skin Tone

Можно ли бесплатно использовать иконку Woman Singer Light Skin Tone в коммерческих проектах?

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

Как использовать иконку Woman Singer Light Skin Tone в React?

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

Как добавить иконку Woman Singer Light Skin Tone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/woman-singer-light-skin-tone.svg" alt="Иконка Woman Singer Light Skin Tone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

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