Иконка First Quarter Moon
streamline-emojis:first-quarter-moon
Иконка First Quarter Moon (streamline-emojis:first-quarter-moon) — бесплатная 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
- Категория
- Животные и природа
- Теги
- firstquarter, quartermoon, firstquartermoon
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M11.13 45.32a12.87 1.68 0 1 0 25.74 0a12.87 1.68 0 1 0-25.74 0" opacity=".15"/><path fill="#ffe500" d="M4.97 24a19.03 19.03 0 1 0 38.06 0a19.03 19.03 0 1 0-38.06 0"/><path fill="#fff48c" d="M24 9.45a19 19 0 0 1 18.89 16.79A21 21 0 0 0 43 24a19 19 0 0 0-38 0a21 21 0 0 0 .14 2.24A19 19 0 0 1 24 9.45"/><path fill="#656769" d="M24.05 5v38a19 19 0 0 0 0-38"/><path fill="#87898c" d="M24 5v4.45a19 19 0 0 1 18.89 16.79A21 21 0 0 0 43 24A19 19 0 0 0 24 5"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M4.97 24a19.03 19.03 0 1 0 38.06 0a19.03 19.03 0 1 0-38.06 0"/><path fill="#87898c" d="M38.08 18.66c-1.25.92-3.3.24-4.57-1.51s-1.3-3.9 0-4.81s3.29-.24 4.57 1.51s1.25 3.9 0 4.81"/><path fill="#525252" d="M33.46 14.68c1.24-.91 3.29-.23 4.57 1.51a5.2 5.2 0 0 1 .77 1.55a4.24 4.24 0 0 0-.8-3.86c-1.28-1.74-3.33-2.42-4.57-1.51a2.88 2.88 0 0 0-.72 3.27a2 2 0 0 1 .75-.96"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.08 18.7c-1.25.91-3.3.23-4.57-1.52s-1.3-3.9 0-4.81s3.29-.23 4.57 1.51s1.25 3.91 0 4.82"/><path fill="#fff48c" d="M9.22 20.84c.86.33 2-.45 2.46-1.75s.2-2.62-.67-2.95s-2 .45-2.46 1.75s-.2 2.62.67 2.95"/><path fill="#ebcb00" d="M8.55 19.56c.49-1.29 1.6-2.08 2.46-1.75a1.39 1.39 0 0 1 .79.92c.31-1.18 0-2.29-.79-2.59s-2 .45-2.46 1.75a3.1 3.1 0 0 0-.11 2a3 3 0 0 1 .11-.33"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.22 20.84c.86.33 2-.45 2.46-1.75s.2-2.62-.67-2.95s-2 .45-2.46 1.75s-.2 2.62.67 2.95"/><path fill="#fff48c" d="M23.87 38.7c-.35 1.35-2.33 2-4.42 1.45s-3.51-2.08-3.16-3.43s2.33-2 4.43-1.44s3.5 2.08 3.15 3.42"/><path fill="#ebcb00" d="M20.72 36.89a4.53 4.53 0 0 1 3 2.17a1.4 1.4 0 0 0 .15-.36c.35-1.34-1.06-2.88-3.15-3.42s-4.08.1-4.43 1.44a1.83 1.83 0 0 0 .16 1.28c.55-1.12 2.37-1.61 4.27-1.11"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.87 38.7c-.35 1.35-2.33 2-4.42 1.45s-3.51-2.08-3.16-3.43s2.33-2 4.43-1.44s3.5 2.08 3.15 3.42"/><path fill="#87898c" d="M35.75 27.08a1.96 1.96 0 1 0 3.92 0a1.96 1.96 0 1 0-3.92 0"/><path fill="#525252" d="M37.71 26.59a2 2 0 0 1 1.82 1.22a1.9 1.9 0 0 0 .14-.73a2 2 0 1 0-3.77.73a2 2 0 0 1 1.81-1.22"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.75 27.08a1.96 1.96 0 1 0 3.92 0a1.96 1.96 0 1 0-3.92 0"/><path fill="#fff48c" d="M13.92 25.4a1.96 1.96 0 1 0 3.92 0a1.96 1.96 0 1 0-3.92 0"/><path fill="#ebcb00" d="M15.88 24.84a2 2 0 0 1 1.83 1.26a2 2 0 0 0 .13-.7a2 2 0 0 0-3.92 0a2 2 0 0 0 .14.7a2 2 0 0 1 1.82-1.26"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.92 25.4a1.96 1.96 0 1 0 3.92 0a1.96 1.96 0 1 0-3.92 0"/><path fill="#fff48c" d="M15.6 14.48a3.36 3.36 0 1 0 6.72 0a3.36 3.36 0 1 0-6.72 0"/><path fill="#ebcb00" d="M19 13.23a3.36 3.36 0 0 1 3.18 2.3a3.3 3.3 0 0 0 .18-1a3.36 3.36 0 0 0-6.72 0a3.3 3.3 0 0 0 .19 1a3.35 3.35 0 0 1 3.17-2.3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.64 14.48a3.36 3.36 0 1 0 6.72 0a3.36 3.36 0 1 0-6.72 0"/><path fill="#87898c" d="M24.56 30.16a2.8 2.8 0 1 0 5.6 0a2.8 2.8 0 1 0-5.6 0"/><path fill="#525252" d="M27.36 29A2.77 2.77 0 0 1 30 31a2.7 2.7 0 0 0 .15-.84a2.8 2.8 0 1 0-5.6 0a3 3 0 0 0 .14.84a2.79 2.79 0 0 1 2.67-2"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24.56 30.16a2.8 2.8 0 1 0 5.6 0a2.8 2.8 0 1 0-5.6 0"/></svg>Как использовать иконку First Quarter Moon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:first-quarter-moon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:first-quarter-moon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:first-quarter-moon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--first-quarter-moon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:first-quarter-moon"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:first-quarter-moon"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/first-quarter-moon.svg" alt="Иконка First Quarter Moon" width="24" height="24">Похожие иконки в наборе Streamline Emojis
Иконка First Quarter Moon в других наборах
Вопросы и ответы: Иконка First Quarter Moon
Можно ли бесплатно использовать иконку First Quarter Moon в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку First Quarter Moon в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:first-quarter-moon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку First Quarter Moon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/first-quarter-moon.svg" alt="Иконка First Quarter Moon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.