Waningcrescentmoon icon
fxemoji:waningcrescentmoon
The Waningcrescentmoon icon (fxemoji:waningcrescentmoon) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#5A7B90" d="M6.002 256c0-138.069 111.931-250 249.999-250S506 117.931 506 256c0 138.068-111.931 249.999-249.999 249.999S6.002 394.068 6.002 256"/><path fill="#496170" d="M308.354 500.486c-8.188-8.716-12.966-19.137-12.966-30.341c0-30.584 35.487-55.381 79.255-55.381c23.049 0 43.794 6.882 58.277 17.86c-33.493 33.548-76.472 57.613-124.566 67.862m197.618-246.611c-.469-56.359-19.586-108.266-51.489-149.863c-32.307 10.008-55.778 40.123-55.778 75.718c0 43.769 35.487 79.256 79.255 79.256a79.1 79.1 0 0 0 28.012-5.111M303.445 10.52A251 251 0 0 0 256 6.003c-37.878 0-73.78 8.44-105.952 23.518c13.773 26.354 41.349 44.352 73.146 44.352c38.97-.001 71.611-27.027 80.251-63.353m-34.373 157.271c-39.345 0-71.238 25.959-71.238 57.991s31.892 57.991 71.238 57.991c39.345 0 71.238-25.959 71.238-57.991s-31.893-57.991-71.238-57.991M113.3 133.471c-23.302 0-42.196 15.385-42.196 34.356s18.894 34.357 42.196 34.357c23.31 0 42.204-15.385 42.204-34.357c0-18.971-18.894-34.356-42.204-34.356m113.844 209.875c-23.302 0-42.196 18.894-42.196 42.196s18.894 42.196 42.196 42.196c23.31 0 42.204-18.894 42.204-42.196s-18.894-42.196-42.204-42.196"/><path fill="#FDE364" d="M109.084 256c0-120.398 85.127-220.856 198.453-244.623c-16.64-3.486-33.861-5.376-51.538-5.376C117.931 6.001 6 117.932 6 256c0 138.069 111.931 250 249.999 250c17.678 0 34.899-1.89 51.538-5.376C194.212 476.857 109.084 376.391 109.084 256"/></svg>How to use the Waningcrescentmoon icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:waningcrescentmoon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:waningcrescentmoon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:waningcrescentmoon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--waningcrescentmoon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:waningcrescentmoon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:waningcrescentmoon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/waningcrescentmoon.svg" alt="Waningcrescentmoon icon" width="24" height="24">Waningcrescentmoon icon FAQ
Is the Waningcrescentmoon icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Waningcrescentmoon icon in React?
Install @iconify/react and render <Icon icon="fxemoji:waningcrescentmoon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Waningcrescentmoon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/waningcrescentmoon.svg" alt="Waningcrescentmoon icon">, or paste the SVG code inline to style it with CSS.