Иконка Hatching Chick 1
streamline-emojis:hatching-chick-1
Иконка Hatching Chick 1 (streamline-emojis:hatching-chick-1) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Streamline Emojis
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Животные и природа
- Теги
- hatchingchick
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#ffe500" d="M18.92 22.09s-7.08-4.25-8.5-3.5s.58 8.17 5 10s3.5-6.5 3.5-6.5"/><path fill="#fff48c" d="M10.92 21.08c1.2-.64 6.51 2.34 8.07 3.25a18 18 0 0 0-.07-2.24s-7.08-4.25-8.5-3.5c-.63.33-.59 2 .05 3.88c-.02-.71.13-1.22.45-1.39"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.92 22.09s-7.08-4.25-8.5-3.5s.58 8.17 5 10s3.5-6.5 3.5-6.5"/><path fill="#ffe500" d="M29.08 22.09s7.08-4.25 8.5-3.5s-.59 8.17-5 10s-3.5-6.5-3.5-6.5"/><path fill="#fff48c" d="M37.08 21.08c-1.21-.64-6.52 2.34-8.07 3.25a18 18 0 0 1 .07-2.24s7.08-4.25 8.5-3.5c.63.33.58 2-.06 3.88c.02-.71-.12-1.22-.44-1.39"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.08 22.09s7.08-4.25 8.5-3.5s-.59 8.17-5 10s-3.5-6.5-3.5-6.5"/><path fill="#45413c" d="M12.5 45.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#ffe500" d="M13.5 31a10.5 12.5 0 1 0 21 0a10.5 12.5 0 1 0-21 0"/><path fill="#ebcb00" d="M32.24 23.27a10.47 10.47 0 0 1-16.48 0A9.93 9.93 0 0 1 24 18.5a9.93 9.93 0 0 1 8.24 4.77"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.5 31a10.5 12.5 0 1 0 21 0a10.5 12.5 0 1 0-21 0"/><path fill="#ffe500" d="M13.5 13a10.5 10.5 0 1 0 21 0a10.5 10.5 0 1 0-21 0"/><path fill="#fff48c" d="M24 5.46a10.49 10.49 0 0 1 10.38 9A10.49 10.49 0 1 0 13.5 13a12 12 0 0 0 .11 1.48A10.49 10.49 0 0 1 24 5.46"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.5 13a10.5 10.5 0 1 0 21 0a10.5 10.5 0 1 0-21 0"/><path fill="#f0f0f0" d="m39.07 28.57l-3.3 3.3a.86.86 0 0 1-1.21 0l-4.37-4.37a.86.86 0 0 0-1.22 0l-4.37 4.37a.86.86 0 0 1-1.21 0L19 27.5a.85.85 0 0 0-1.21 0l-4.37 4.37a.86.86 0 0 1-1.21 0l-3.31-3.3a.43.43 0 0 0-.73.32C8.9 40 15.7 45.5 24 45.5S39.1 40 39.81 28.89a.43.43 0 0 0-.74-.32"/><path fill="#fff" d="m8.92 31.71l3.31 2.87a1 1 0 0 0 1.21 0l4.37-3.8a1 1 0 0 1 1.21 0l4.37 3.8a1 1 0 0 0 1.21 0l4.4-3.8a1 1 0 0 1 1.22 0l4.37 3.8a1 1 0 0 0 1.21 0l3.3-2.87a.46.46 0 0 1 .4-.09c.15-.87.27-1.77.34-2.73a.43.43 0 0 0-.74-.32l-3.3 3.3a.86.86 0 0 1-1.21 0l-4.4-4.37a.86.86 0 0 0-1.22 0l-4.37 4.37a.86.86 0 0 1-1.21 0L19 27.5a.85.85 0 0 0-1.21 0l-4.37 4.37a.86.86 0 0 1-1.21 0l-3.31-3.3a.43.43 0 0 0-.73.32a25 25 0 0 0 .33 2.73a.45.45 0 0 1 .42.09"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m39.07 28.57l-3.3 3.3a.86.86 0 0 1-1.21 0l-4.37-4.37a.86.86 0 0 0-1.22 0l-4.37 4.37a.86.86 0 0 1-1.21 0L19 27.5a.85.85 0 0 0-1.21 0l-4.37 4.37a.86.86 0 0 1-1.21 0l-3.31-3.3a.43.43 0 0 0-.73.32C8.9 40 15.7 45.5 24 45.5S39.1 40 39.81 28.89a.43.43 0 0 0-.74-.32"/><path fill="#ff8a14" d="m22.83 15.12l-2 1.53a1 1 0 0 0-.25 1.35L22 20a2.49 2.49 0 0 0 4 0l1.42-2a1 1 0 0 0-.21-1.39l-2-1.53a2 2 0 0 0-2.38.04"/><path fill="#ffaa54" d="M20.7 18.21c.21-.16 1.9-1.11 2.13-1.24a2.43 2.43 0 0 1 2.34 0c.23.13 1.92 1.08 2.13 1.24l.12-.17a1 1 0 0 0-.21-1.39l-2-1.53a2 2 0 0 0-2.34 0l-2 1.53a1 1 0 0 0-.29 1.35Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m22.83 15.12l-2 1.53a1 1 0 0 0-.25 1.35L22 20a2.49 2.49 0 0 0 4 0l1.42-2a1 1 0 0 0-.21-1.39l-2-1.53a2 2 0 0 0-2.38.04"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M20.39 17.46h.11a17 17 0 0 0 3.5 1a17 17 0 0 0 3.5-1h.11"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28 11.64a1.35 1.35 0 1 0 2.7 0a1.35 1.35 0 1 0-2.7 0m-10.71 0a1.35 1.35 0 1 0 2.7 0a1.35 1.35 0 1 0-2.7 0"/><path fill="#ebcb00" d="M32.78 15.64c0 .55-.73 1-1.64 1s-1.64-.45-1.64-1s.73-1 1.64-1s1.64.45 1.64 1m-14.28 0c0 .55-.74 1-1.65 1s-1.64-.45-1.64-1s.74-1 1.64-1s1.65.45 1.65 1"/></svg>Как использовать иконку Hatching Chick 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:hatching-chick-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:hatching-chick-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:hatching-chick-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--hatching-chick-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:hatching-chick-1"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:hatching-chick-1"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/hatching-chick-1.svg" alt="Иконка Hatching Chick 1" width="24" height="24">Вопросы и ответы: Иконка Hatching Chick 1
Можно ли бесплатно использовать иконку Hatching Chick 1 в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Hatching Chick 1 в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:hatching-chick-1" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hatching Chick 1 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/hatching-chick-1.svg" alt="Иконка Hatching Chick 1">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.