Иконка Woman Office Worker Medium Light Skin Tone

twemoji:woman-office-worker-medium-light-skin-tone

Иконка Woman Office Worker Medium Light Skin Tone (twemoji:woman-office-worker-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
Категория: Люди и тело
Теги: womanoffice, officeworker, workermedium, mediumlight, lightskin, skintone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ccd6dc" d="M30 26a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z"/><path fill="#f5f8fa" d="M28 26a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h22a2 2 0 0 1 2 2z"/><path fill="#50a5e6" d="M6 26a1 1 0 0 1-1-1V13a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1"/><path fill="#77b255" d="M10 26a1 1 0 0 1-1-1V8a1 1 0 0 1 2 0v17a1 1 0 0 1-1 1"/><path fill="#226798" d="M36 36v-4.5c0-3.314-3.561-5.5-6.875-5.5h-12C13.812 26 10 28.186 10 31.5V36z"/><path fill="#f4f7f9" d="m28.25 26l-3.182 10h-4.091L18.25 26"/><path fill="#3a87c2" d="M19 26h-1.5l-1 5.5l3 1L19 36h3.5zm8.5 0H29l.5 5.5l-3 1L27 36h-3.5z"/><path fill="#ffe51e" d="M23.2 3.979c4.104 0 10.947 2.053 10.947 10.947c0 8.895 0 10.948-2.053 10.948s-4.79-2.053-8.895-2.053c-4.106 0-6.785 2.053-8.896 2.053c-2.287 0-2.053-8.211-2.053-10.948c.002-8.895 6.845-10.947 10.95-10.947"/><path fill="#f2d1a1" d="M19.755 26c1 1.982 2.792 4.5 3.5 4.5s2.512-2.549 3.5-4.5v-3.591h-7z"/><path fill="#e0bf94" d="M19.755 24.054c.975 1.102 2.185 1.4 3.499 1.4s2.526-.298 3.501-1.4v-2.801h-7z"/><path fill="#f2d1a1" d="M14.989 14.627c0-5.834 3.676-10.563 8.211-10.563c4.533 0 8.209 4.729 8.209 10.563c0 5.833-3.676 10.285-8.209 10.285c-4.535 0-8.211-4.452-8.211-10.285"/><path fill="#de2032" d="M23.2 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="M24.091 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="M26.628 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="#ffe51e" d="M12.98 17.909c-.021-1-.044-.224-.044-.465c0-3.422 2.053.494 2.053-1.943s1.368-2.683 2.736-4.051c.685-.685 2.053-2.026 2.053-2.026s3.421 2.067 6.158 2.067c2.736 0 5.474 1.375 5.474 4.112s2.053-1.584 2.053 1.837c0 .244-.022-.531-.04.469h.719c.006-2 .006-1.924.006-3.202C34.148 5.813 27.306 2.5 23.2 2.5c-4.104 0-10.947 3.257-10.947 12.152c0 .793-.02 1.257.008 3.257z"/><path fill="#f2d1a1" d="M33.088 14.845c0 1.448-.733 2.622-1.639 2.622c-.905 0-1.639-1.174-1.639-2.622s.733-2.623 1.639-2.623s1.639 1.175 1.639 2.623m-16.389 0c0 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"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:woman-office-worker-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:woman-office-worker-medium-light-skin-tone"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

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