Waxingcrescentmoon icon
fxemoji:waxingcrescentmoon
The Waxingcrescentmoon icon (fxemoji:waxingcrescentmoon) 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="M505.998 256c0 138.07-111.926 250.002-250.004 250.002C117.925 506.003 6 394.07 6 256S117.925 5.998 255.994 5.998C394.072 5.998 505.998 117.93 505.998 256"/><path fill="#496170" d="M440.896 344.174c0 18.972-18.896 34.357-42.197 34.357c-23.31 0-42.204-15.385-42.204-34.357c0-18.971 18.894-34.357 42.204-34.357c23.301 0 42.197 15.385 42.197 34.357M327.05 126.456c0-23.302-18.896-42.196-42.197-42.196c-23.31 0-42.204 18.894-42.204 42.196c0 23.303 18.894 42.197 42.204 42.197c23.301-.001 42.197-18.894 42.197-42.197M79.078 79.374c14.481 10.977 35.223 17.86 58.272 17.86c43.77 0 79.258-24.797 79.258-55.382c0-11.204-4.778-21.624-12.965-30.34c-48.094 10.249-91.073 34.314-124.565 67.862M34.035 253.015a79 79 0 0 0-28.006 5.108c.47 56.363 19.585 108.27 51.484 149.867c32.308-10.008 55.78-40.124 55.78-75.719c0-43.768-35.488-79.256-79.258-79.256m174.516 248.47a251 251 0 0 0 47.445 4.516c37.879 0 73.782-8.44 105.955-23.518c-13.773-26.355-41.351-44.353-73.149-44.353c-38.971 0-71.612 27.027-80.251 63.355m34.373-273.259c-39.339 0-71.239 25.959-71.239 57.992s31.9 57.992 71.239 57.992c39.344 0 71.239-25.959 71.239-57.992c0-32.032-31.895-57.992-71.239-57.992"/><path fill="#FDE364" d="M403.915 255.999c0 120.4-85.129 221.489-198.464 245.256c16.647 3.486 33.781 5.703 51.459 5.703C394.98 506.958 507 394.07 507 255.999C507 117.93 395.068 5.997 256.998 5.997c-17.678 0-34.9 1.037-51.547 4.523c113.336 23.768 198.464 125.088 198.464 245.479"/></svg>How to use the Waxingcrescentmoon icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:waxingcrescentmoon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:waxingcrescentmoon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:waxingcrescentmoon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--waxingcrescentmoon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:waxingcrescentmoon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:waxingcrescentmoon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/waxingcrescentmoon.svg" alt="Waxingcrescentmoon icon" width="24" height="24">Waxingcrescentmoon icon FAQ
Is the Waxingcrescentmoon 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 Waxingcrescentmoon icon in React?
Install @iconify/react and render <Icon icon="fxemoji:waxingcrescentmoon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Waxingcrescentmoon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/waxingcrescentmoon.svg" alt="Waxingcrescentmoon icon">, or paste the SVG code inline to style it with CSS.