Fullmoon icon
fxemoji:fullmoon
The Fullmoon icon (fxemoji:fullmoon) 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="#FDE364" d="M6.002 256c0-138.068 111.931-249.999 249.999-249.999S506 117.932 506 256S394.069 505.999 256.001 505.999S6.002 394.068 6.002 256"/><path fill="#FFC63A" d="M184.949 385.542c0-23.302 18.894-42.196 42.196-42.196c23.31 0 42.204 18.894 42.204 42.196s-18.894 42.196-42.204 42.196c-23.302 0-42.196-18.894-42.196-42.196m12.885-159.76c0 32.032 31.893 57.991 71.238 57.991s71.238-25.959 71.238-57.991s-31.893-57.991-71.238-57.991s-71.238 25.959-71.238 57.991m235.088 206.843c-14.483-10.978-35.228-17.861-58.278-17.861c-43.768 0-79.256 24.797-79.256 55.381c0 11.205 4.778 21.625 12.966 30.342c48.095-10.249 91.075-34.314 124.568-67.862m73.05-178.75c-.469-56.359-19.585-108.266-51.487-149.864c-32.308 10.007-55.781 40.123-55.781 75.718c0 43.769 35.487 79.256 79.256 79.256c9.864 0 19.3-1.817 28.012-5.11M303.445 10.519A251 251 0 0 0 256 6.003c-37.879 0-73.781 8.44-105.953 23.516c13.773 26.355 41.35 44.353 73.147 44.353c38.97 0 71.612-27.026 80.251-63.353M113.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.356M48.359 276.513a82.1 82.1 0 0 0-40.433 10.594c7.146 57.561 33.862 109.04 73.276 147.597c29.221-12.696 49.666-41.799 49.666-75.69c0-45.565-36.944-82.501-82.509-82.501"/></svg>How to use the Fullmoon icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:fullmoon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:fullmoon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:fullmoon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--fullmoon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:fullmoon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:fullmoon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/fullmoon.svg" alt="Fullmoon icon" width="24" height="24">Related icons in Firefox OS Emoji
Fullmoon icon FAQ
Is the Fullmoon 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 Fullmoon icon in React?
Install @iconify/react and render <Icon icon="fxemoji:fullmoon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fullmoon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/fullmoon.svg" alt="Fullmoon icon">, or paste the SVG code inline to style it with CSS.