Иконка Nest With Eggs
fluent-emoji-high-contrast:nest-with-eggs
Иконка Nest With Eggs (fluent-emoji-high-contrast:nest-with-eggs) — бесплатная 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
- Категория
- Животные и природа
- Теги
- nestwith, witheggs, nestwitheggs, egg
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M23.82 10.1a.3.3 0 0 1 .012.069q.025.247.025.496v.008a4.8 4.8 0 0 1-.575 2.294c.005-.034-1.185 1.45-1.733 1.802c-.76.49-1.645.753-2.549.758h-.408a9.25 9.25 0 0 0 2.945-2.173a.5.5 0 0 0-.737-.674a9.12 9.12 0 0 1-6.213 2.85H13a4.7 4.7 0 0 1-2.492-.721c-.514-.322-1.728-1.762-1.724-1.729a4.83 4.83 0 0 1-.638-2.407v-.008q0-.189.014-.373q.002-.023.008-.043a.2.2 0 0 0 .008-.049q.033-.379.124-.747v-.012a4.85 4.85 0 0 1 4.7-3.63h6a4.85 4.85 0 0 1 4.613 3.351l.009.013l.006.026l.011.028l.011.027q.014.055.023.113q.007.05.019.099q.076.286.116.58q.004.025.011.051M13.8 8.14l-.043.06a1 1 0 0 0-.065.116q-.026.053-.056.103a7.6 7.6 0 0 1 2.386 4.072a7.6 7.6 0 0 1 2.287-3.955l-.04-.069a5 5 0 0 0-.214-.343a2.578 2.578 0 0 0-4.255.016m-.8 6.387h1.534v.003c.18-.007.357-.027.536-.046l.041-.005a3.1 3.1 0 0 0 .036-1.213l-.047-.278a6.62 6.62 0 0 0-2.237-3.941a2.34 2.34 0 0 0-3.463.48a3.8 3.8 0 0 0 3.6 5m8.696-2.908a1.5 1.5 0 0 1 .791.696l.001.011a3.8 3.8 0 0 0 .2-2.742a2.31 2.31 0 0 0-2.432-1.022q-.128.03-.252.075a2.3 2.3 0 0 0-.577.281a2 2 0 0 0-.24.161l-.022.018l-.031.027a6.63 6.63 0 0 0-2.2 3.92l-.039.24a3 3 0 0 0-.023.8a8 8 0 0 0 3.181-2.069a1.49 1.49 0 0 1 1.643-.396"/><path d="M28.281 8.582L30 7.894l.008 4.995l-1.008.4v.211a10.5 10.5 0 0 1-1.542 5.473H30v5.114h-7.431a.15.15 0 0 0-.139.207a.15.15 0 0 0 .064.073l1.727 1a1.478 1.478 0 1 1-1.478 2.56L21.137 27a3.43 3.43 0 0 1-3.4 3h-2.352a.385.385 0 0 1-.385-.385v-.194a3.43 3.43 0 0 1 3.429-3.429h.964l-2.134-1.232a5 5 0 0 0-2.5-.67H2v-5l2.133-.85a10.5 10.5 0 0 1-1.129-4.692a3 3 0 0 1-.013-.26a13.1 13.1 0 0 1 5.369-10.8a2.49 2.49 0 0 1 2.777-.084c.278.174.52.401.71.668l.029.041A2.5 2.5 0 0 1 14.344.992c1.92-.017 3.83.278 5.656.873q.056-.093.119-.183a2.5 2.5 0 0 1 3.487-.589a12.66 12.66 0 0 1 3.748 5q.556 1.21.927 2.489M27 13.546V13.5l.009-.036l-.003-.15l-.003-.15v-.026a16 16 0 0 0-.479-3.454a13 13 0 0 1-.1-.356a16 16 0 0 0-.881-2.405q-.021-.053-.044-.1l-.015-.031l-.06-.128l-.127-.259a12.6 12.6 0 0 0-1.755-2.676a7 7 0 0 0-1.088-1.004a.5.5 0 0 0-.378-.086a.5.5 0 0 0-.41.581a.5.5 0 0 0 .203.324q.546.403.981.924q.52.613.941 1.3q.398.645.723 1.329a11.3 11.3 0 0 0-2.555-2.127q-.375-.23-.789-.445a16 16 0 0 0-.415-.2l-.1-.048l-.208-.093a13 13 0 0 0-.662-.267l-.205-.075q-.514-.18-1.075-.33a15.5 15.5 0 0 0-2.728-.456A18 18 0 0 0 14.344 3a.5.5 0 1 0 0 1q.726 0 1.393.054a14.3 14.3 0 0 1 2.768.493l.225.069q.138.04.275.084q.63.208 1.236.484A8.4 8.4 0 0 0 19 5.016C18.832 5 18.667 5 18.5 5h-5a8 8 0 0 0-1.092.07l-.163.022a8.5 8.5 0 0 0-4.277 1.953A10 10 0 0 1 9.042 5.81a9 9 0 0 1 1.058-.884a.5.5 0 0 0-.026-.83a.5.5 0 0 0-.557.02q-.591.423-1.117.928a11 11 0 0 0-1.239 1.408l-.061.093a11.35 11.35 0 0 0-2.109 6.741A.4.4 0 0 0 5 13.4v.1a8.5 8.5 0 0 0 8.5 8.492h5a8.48 8.48 0 0 0 6.5-3.019h.006A8.5 8.5 0 0 0 27 13.546"/></g></svg>Как использовать иконку Nest With Eggs
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:nest-with-eggs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:nest-with-eggs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:nest-with-eggs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--nest-with-eggs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:nest-with-eggs"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:nest-with-eggs"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/nest-with-eggs.svg" alt="Иконка Nest With Eggs" width="24" height="24">Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Nest With Eggs в других наборах
Вопросы и ответы: Иконка Nest With Eggs
Можно ли бесплатно использовать иконку Nest With Eggs в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Nest With Eggs в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:nest-with-eggs" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Nest With Eggs на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/nest-with-eggs.svg" alt="Иконка Nest With Eggs">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.