Иконка Pregnant Person
fluent-emoji-high-contrast:pregnant-person
Иконка Pregnant Person (fluent-emoji-high-contrast:pregnant-person) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Люди и тело
- Теги
- pregnantperson
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16.781 11.722c.305.161.715.316 1.169.316a2.54 2.54 0 0 0 1.15-.276c.11-.056.248.116.164.218c-.3.364-.646.734-1.314.734c-.647 0-.975-.391-1.279-.753l-.03-.037c-.085-.1.031-.26.14-.202m.872-2.779l-.418 1.484c-.09.302.123.613.418.613h.63c.294 0 .507-.311.417-.613l-.425-1.484a.32.32 0 0 0-.622 0m-2.313.222q0 .105.024.201h-.273c-.23 0-.42-.2-.332-.413a1.278 1.278 0 0 1 2.365 0c.07.17-.035.331-.197.39a.803.803 0 1 0-1.588-.178m5.256 0q0 .105-.025.201h.273c.23 0 .42-.2.332-.413a1.278 1.278 0 0 0-2.365 0c-.07.17.035.331.198.39a.803.803 0 1 1 1.587-.178"/><path d="M15.694 9.353a.48.48 0 0 1 .076-.485a.2.2 0 0 0 .357-.184h.036c.277 0 .502.22.502.492a.5.5 0 0 1-.033.177zm4.546.013a.502.502 0 0 0-.555-.676a.2.2 0 0 1-.33.214a.5.5 0 0 0-.052.462zm-4.929-1.528c.081-.08.238-.175.453-.251c.212-.075.466-.125.733-.125a.22.22 0 1 0 0-.44c-.32 0-.623.06-.879.15c-.252.09-.473.213-.615.353a.22.22 0 1 0 .308.313m5.384 0a1.3 1.3 0 0 0-.453-.251a2.2 2.2 0 0 0-.732-.125a.22.22 0 0 1 0-.44c.32 0 .623.06.878.15c.252.09.473.213.615.353a.22.22 0 1 1-.308.313"/><path d="M23.047 4.71a1.93 1.93 0 0 0-1.055-.875a2.1 2.1 0 0 1-1.126-.893A1.94 1.94 0 0 0 19.211 2c-.27 0-.526.058-.76.156a1.24 1.24 0 0 1-.993 0a1.935 1.935 0 0 0-2.406.759a2.23 2.23 0 0 1-1.152.924a1.95 1.95 0 0 0-1.082.938a1.99 1.99 0 0 0 .12 2.035c.132.195.21.422.223.655a1.839 1.839 0 0 0-.228 3.213v.242c0 .544.237 1.044.627 1.381a3.75 3.75 0 0 0 1.117 1.754c-1.11 1.115-1.817 2.727-1.817 4.278v.796a.53.53 0 0 1-.435.512a6.254 6.254 0 0 0-5.032 6.13v.04a1.66 1.66 0 0 0-1.156 1.434l-.002.014v.013c-.023.372.077.73.272 1.026a1.67 1.67 0 0 0 .421 1.338q.008.047.02.095l.002.01c.19.792.915 1.257 1.63 1.257h1.04c.037 0 .678.002 1.013-.054a13 13 0 0 0 .88-.162A19 19 0 0 0 14.184 30h6.376c.968 0 1.683-.784 1.683-1.75V16.016c0-.854-.367-1.555-.96-2.005a3.75 3.75 0 0 0 1.037-1.617a1.82 1.82 0 0 0 .741-1.472v-.306a1.84 1.84 0 0 0-.326-3.152a1.3 1.3 0 0 1 .224-.651c.419-.603.476-1.42.088-2.103m-9.763 24.549c-1.459.493-2.577.664-2.786.696l-.03.005c-.24.04-.799.04-.849.04H8.581c-.31 0-.59-.2-.66-.491a.67.67 0 0 1 .02-.37l-.054-.02a.645.645 0 0 1-.395-.602a.66.66 0 0 1 .23-.501a.64.64 0 0 1-.487-.566a.64.64 0 0 1 .158-.485a.68.68 0 0 1 .509-.232H9.16l-.3-.3a.66.66 0 0 1 0-.922c.25-.25.67-.25.92 0l.538.541c.2.2.49.28.77.21c1.238-.31 3.305-.992 4.902-2.384c1.298-1.122 2.007-2.605 2.397-3.868V20h3.595c-.44 1.934-1.448 4.53-3.715 6.503c-1.606 1.395-3.476 2.247-4.983 2.756m.953-22.219c0-1.283 1.026-2.312 2.28-2.312h1.06c.02 0 .04.012.048.033l.004.01l.004.008a2.52 2.52 0 0 0 2.297 1.498h1.154c.356.02.647.316.66.685l-.06 1.272l.433.076a.84.84 0 0 1-.098 1.664l-.442.026l-.101 1.616A2.76 2.76 0 0 1 18.739 14h-1.57a2.76 2.76 0 0 1-2.736-2.384c-.01-.147-.034-.608-.062-1.167l-.024-.453l-.453-.021a.84.84 0 0 1-.085-1.669l.428-.062z"/></g></svg>Как использовать иконку Pregnant Person
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:pregnant-person" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:pregnant-person" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:pregnant-person" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--pregnant-person]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:pregnant-person"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:pregnant-person"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/pregnant-person.svg" alt="Иконка Pregnant Person" width="24" height="24">Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Pregnant Person в других наборах
Вопросы и ответы: Иконка Pregnant Person
Можно ли бесплатно использовать иконку Pregnant Person в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pregnant Person в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:pregnant-person" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pregnant Person на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/pregnant-person.svg" alt="Иконка Pregnant Person">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.