Иконка Full Moon Face
streamline-emojis:full-moon-face
Иконка Full Moon Face (streamline-emojis:full-moon-face) — бесплатная 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
- Категория
- Животные и природа
- Теги
- fullmoon, moonface, fullmoonface
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M9.5 46.5a14.5 1.5 0 1 0 29 0a14.5 1.5 0 1 0-29 0" opacity=".15"/><path fill="#ffe500" d="M4 24a20 20 0 1 0 40 0a20 20 0 1 0-40 0"/><path fill="#ebcb00" d="M24 4a20 20 0 1 0 20 20A20 20 0 0 0 24 4m0 37a18.25 18.25 0 1 1 18.25-18.25A18.25 18.25 0 0 1 24 41"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M4 24a20 20 0 1 0 40 0a20 20 0 1 0-40 0"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15 24a1 1 0 1 1-1-1a1 1 0 0 1 1 1m18 0a1 1 0 1 0 1-1a1 1 0 0 0-1 1"/><path fill="#ebcb00" d="M38.5 30.75c0 .83-1.12 1.5-2.5 1.5s-2.5-.67-2.5-1.5s1.12-1.5 2.5-1.5s2.5.67 2.5 1.5m-29 0c0 .83 1.12 1.5 2.5 1.5s2.5-.67 2.5-1.5s-1.12-1.5-2.5-1.5s-2.5.67-2.5 1.5"/><path fill="none" stroke="#45413c" stroke-linecap="round" d="M18.64 31.6A2.61 2.61 0 0 1 16 34.21"/><path fill="none" stroke="#45413c" stroke-linecap="round" d="M30 33.3a10.75 10.75 0 0 1-6 1.82h0a10.75 10.75 0 0 1-6-1.82"/><path fill="none" stroke="#45413c" stroke-linecap="round" d="M29.36 31.6A2.61 2.61 0 0 0 32 34.21"/><path fill="#ebcb00" d="M31.73 11.44c1.11-.82 2.94-.21 4.08 1.35a4.8 4.8 0 0 1 .69 1.38a3.76 3.76 0 0 0-.69-3.44c-1.14-1.56-3-2.17-4.08-1.36a2.6 2.6 0 0 0-.65 2.93a1.87 1.87 0 0 1 .65-.86M9.48 16.55c.44-1.16 1.43-1.86 2.2-1.57a1.24 1.24 0 0 1 .7.82c.28-1.05 0-2-.7-2.31s-1.76.41-2.2 1.57a2.7 2.7 0 0 0-.1 1.82a2 2 0 0 1 .1-.33m9.96 21.76a3 3 0 0 1 2 1.43a2 2 0 0 0 .11-.24c.23-.88-.7-1.88-2.07-2.24s-2.67.07-2.9 1a1.18 1.18 0 0 0 .1.82a2.47 2.47 0 0 1 2.76-.77m20.75-16.38a1.76 1.76 0 0 1 .71 1.82a1.9 1.9 0 0 0 .48-.46a1.75 1.75 0 1 0-2.88-2a1.8 1.8 0 0 0-.27.62a1.75 1.75 0 0 1 1.96.02M8.25 24.49a1.75 1.75 0 0 1 2-.06a1.6 1.6 0 0 0-.27-.57a1.75 1.75 0 1 0-2.35 2.5a1.73 1.73 0 0 1 .62-1.87m15.6 2.15a2.47 2.47 0 0 1 2.35 1.41a2.1 2.1 0 0 0 .15-.82a2.49 2.49 0 0 0-5 .12a2.2 2.2 0 0 0 .19.81a2.48 2.48 0 0 1 2.31-1.52M19 8.92A3 3 0 0 1 21.86 11a3 3 0 0 0 .14-1a3 3 0 0 0-6 0a3 3 0 0 0 .17.94A3 3 0 0 1 19 8.92m8.5 5.47a2.49 2.49 0 0 1 2.37 1.75a2.4 2.4 0 0 0 .13-.75a2.5 2.5 0 0 0-5 0a2.4 2.4 0 0 0 .13.75a2.49 2.49 0 0 1 2.37-1.75"/></svg>
Как использовать иконку Full Moon Face
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:full-moon-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:full-moon-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:full-moon-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--full-moon-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:full-moon-face"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:full-moon-face"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/full-moon-face.svg" alt="Иконка Full Moon Face" width="24" height="24">
Похожие иконки в наборе Streamline Emojis
Иконка Full Moon Face в других наборах
Вопросы и ответы: Иконка Full Moon Face
Можно ли бесплатно использовать иконку Full Moon Face в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Full Moon Face в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:full-moon-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Full Moon Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/full-moon-face.svg" alt="Иконка Full Moon Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Streamline Emojis →
ICONYZ
