Fullmoonwithface icon

fxemoji:fullmoonwithface

The Fullmoonwithface icon (fxemoji:fullmoonwithface) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="256" cy="259.978" r="229.489" fill="#FDE364"/><path fill="#2B3B47" d="M169.075 225.398v30.911h-.046c0 .046.046.086.046.086c0 12.14-9.85 21.989-21.989 21.989s-21.989-9.85-21.989-22.013v-.062h-.094v-30.911h.265c.981-11.26 10.301-20.12 21.818-20.12c11.485 0 20.805 8.86 21.772 20.12zm217.745 0c-.967-11.26-10.301-20.12-21.818-20.12c-11.471 0-20.805 8.86-21.772 20.12h-.265v30.911h.094v.062c0 12.164 9.85 22.013 21.943 22.013c12.14 0 21.989-9.85 21.989-21.989v-30.997zm-94.966 174.347c4.172-3.17 4.984-9.123 1.813-13.296c-3.169-4.172-9.123-4.982-13.296-1.813c-14.807 11.25-33.943 11.251-48.749 0c-4.17-3.171-10.124-2.359-13.296 1.813s-2.359 10.125 1.813 13.296c10.724 8.15 23.288 12.224 35.855 12.224s25.136-4.075 35.86-12.224"/><path fill="#FFC63A" d="M255.99 334.087h-.021c-13.402-.008-25.599-6.669-32.626-17.819c-2.792-4.43-1.463-10.284 2.966-13.076c4.431-2.79 10.285-1.463 13.077 2.967c3.536 5.61 9.739 8.962 16.593 8.966h.011c6.864 0 13.079-3.354 16.629-8.975a9.48 9.48 0 0 1 13.079-2.952a9.48 9.48 0 0 1 2.952 13.079c-7.045 11.153-19.254 17.81-32.66 17.81m-71.822-157.014c4.232-3.084 5.163-9.015 2.079-13.247c-9.505-13.042-23.765-20.527-39.124-20.533h-.02c-15.367 0-29.642 7.481-39.166 20.527c-3.087 4.229-2.162 10.161 2.067 13.248c4.23 3.086 10.16 2.162 13.248-2.067c5.914-8.101 14.605-12.745 23.85-12.745h.012c9.233.004 17.91 4.647 23.807 12.739a9.47 9.47 0 0 0 7.67 3.898a9.45 9.45 0 0 0 5.577-1.82M341.142 175c5.913-8.101 14.604-12.745 23.85-12.745h.012c9.232.004 17.909 4.647 23.807 12.739c3.083 4.232 9.015 5.163 13.246 2.079s5.162-9.015 2.078-13.247c-9.504-13.043-23.765-20.527-39.123-20.533h-.021c-15.367 0-29.642 7.481-39.165 20.527c-3.087 4.229-2.161 10.161 2.068 13.248a9.44 9.44 0 0 0 5.582 1.824a9.47 9.47 0 0 0 7.666-3.892M93.591 97.844c13.294 10.078 32.337 16.397 53.499 16.397c40.18 0 72.753-22.762 72.753-50.84c0-10.287-4.386-19.853-11.902-27.855c-44.15 9.408-83.604 31.5-114.35 62.298M52.25 257.238a72.6 72.6 0 0 0-25.714 4.69c.432 51.737 17.98 99.384 47.263 137.569c29.659-9.185 51.204-36.829 51.204-69.506c0-40.18-32.573-72.753-72.753-72.753m405.787 12.092c0 15.816 9.484 29.409 23.071 35.426a230.6 230.6 0 0 0 4.38-44.778c0-9.197-.557-18.263-1.609-27.177c-15.052 5.313-25.842 19.658-25.842 36.529m-71.046 40.051c-21.393 0-38.736 14.119-38.736 31.535c0 17.417 17.343 31.535 38.736 31.535s38.736-14.119 38.736-31.535s-17.343-31.535-38.736-31.535M294.747 64.566c0 21.393 17.343 38.736 38.736 38.736s38.736-17.343 38.736-38.736c0-.858-.038-1.707-.093-2.551a228 228 0 0 0-65.019-25.806c-7.6 7.072-12.36 17.157-12.36 28.357m-82.298 420.755A230.6 230.6 0 0 0 256 489.466c34.771 0 67.728-7.748 97.261-21.588c-12.644-24.194-37.959-40.717-67.149-40.717c-35.774 0-65.734 24.812-73.663 58.16"/></svg>

How to use the Fullmoonwithface icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:fullmoonwithface" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:fullmoonwithface" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:fullmoonwithface" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--fullmoonwithface]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:fullmoonwithface"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:fullmoonwithface"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/fullmoonwithface.svg" alt="Fullmoonwithface icon" width="24" height="24">

Fullmoonwithface icon FAQ

Is the Fullmoonwithface 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 Fullmoonwithface icon in React?

Install @iconify/react and render <Icon icon="fxemoji:fullmoonwithface" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fullmoonwithface icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/fullmoonwithface.svg" alt="Fullmoonwithface icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →