Newmoon icon
fxemoji:newmoon
The Newmoon icon (fxemoji:newmoon) 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.999 256c0 138.069-111.932 250-250 250S6 394.068 6 256S117.931 6.001 255.999 6.001s250 111.931 250 249.999"/><path fill="#496170" d="M440.896 344.172c0 18.972-18.895 34.357-42.196 34.357c-23.31 0-42.204-15.385-42.204-34.357c0-18.971 18.894-34.356 42.204-34.356c23.301 0 42.196 15.385 42.196 34.356M79.079 79.375c14.483 10.978 35.227 17.861 58.277 17.861c43.769 0 79.256-24.797 79.256-55.381c0-11.204-4.778-21.624-12.965-30.34c-48.096 10.248-91.075 34.312-124.568 67.86M34.04 253.014c-9.864 0-19.3 1.817-28.011 5.11c.47 56.362 19.586 108.269 51.486 149.865c32.313-10.006 55.782-40.123 55.782-75.72c-.001-43.767-35.481-79.255-79.257-79.255m442.051 13.174c0 17.228 10.333 32.037 25.138 38.592a251 251 0 0 0 4.772-48.781c0-10.018-.607-19.893-1.753-29.603c-16.402 5.787-28.157 21.414-28.157 39.792m-220.092-67.374c-39.345 0-71.238 25.959-71.238 57.991s31.893 57.991 71.238 57.991s71.238-25.959 71.238-57.991s-31.893-57.991-71.238-57.991m42.215-155.689c0 23.302 18.886 42.196 42.196 42.196c23.301 0 42.196-18.894 42.196-42.196c0-.934-.041-1.859-.101-2.778a248.4 248.4 0 0 0-70.831-28.11c-8.277 7.704-13.46 18.689-13.46 30.888m-89.658 458.357a251 251 0 0 0 47.445 4.516c37.88 0 73.782-8.44 105.954-23.516c-13.773-26.355-41.35-44.354-73.148-44.354c-38.972-.001-71.613 27.026-80.251 63.354"/></svg>How to use the Newmoon icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:newmoon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:newmoon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:newmoon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--newmoon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:newmoon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:newmoon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/newmoon.svg" alt="Newmoon icon" width="24" height="24">Related icons in Firefox OS Emoji
Newmoon icon FAQ
Is the Newmoon 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 Newmoon icon in React?
Install @iconify/react and render <Icon icon="fxemoji:newmoon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Newmoon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/newmoon.svg" alt="Newmoon icon">, or paste the SVG code inline to style it with CSS.