Moonviewingceremony icon

fxemoji:moonviewingceremony

The Moonviewingceremony icon (fxemoji:moonviewingceremony) 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: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#1F356B" d="M0 .263h512v512.319H0z"/><path fill="#FFFAE9" d="M302.064 306.653c1.512-3.069 2.352-6.599 2.352-10.599c0-16.234-13.691-29.515-31.015-30.597c1.32-2.917 2.042-6.24 2.042-9.965c0-16.942-14.908-30.677-33.299-30.677s-33.299 13.734-33.299 30.677c0 3.699.711 7.001 2.014 9.904c-18.016.396-32.491 13.965-32.491 30.658c0 4.02.848 7.566 2.374 10.645c-17.334 1.073-31.036 14.357-31.036 30.598c0 16.942 14.908 25.564 33.299 25.564c12.747 0 23.815-4.145 29.412-12.329c5.596 8.183 16.665 12.329 29.412 12.329s23.815-4.145 29.412-12.329c5.596 8.183 16.665 12.329 29.412 12.329c18.39 0 33.299-8.621 33.299-25.564c-.001-16.507-14.153-29.962-31.888-30.644m-60.672-24.421a30 30 0 0 0-.693-1.198q.683.018 1.374.02q-.355.582-.681 1.178m30.649 39.371q-.417.644-.8 1.308a31 31 0 0 0-.798-1.305c.225.003.448.01.675.01c.309.001.615-.008.923-.013m-58.818-.009q-.42.649-.806 1.318q-.38-.657-.792-1.295l.042.001q.782-.002 1.556-.024"/><path fill="#FFF0B7" d="M204.513 357.738c-5.803 3.403-13.307 5.122-21.508 5.122c-18.39 0-33.299-8.621-33.299-25.564c0-9.548 4.736-18.076 12.16-23.703a37.2 37.2 0 0 0-1.573 10.688c0 22.179 19.516 33.465 43.591 33.465c.211.001.419-.006.629-.008m58.195.009c-24.075 0-43.591-11.286-43.591-33.465c0-1.082.061-2.15.154-3.211c5.207-.745 9.955-2.261 13.904-4.577c-.21.002-.418.009-.629.009c-4.286 0-8.422-.365-12.334-1.078c.151-.614.298-1.229.479-1.833a32 32 0 0 0-1.886 1.558c-17.338-3.593-29.849-14.359-29.849-32.113c0-3.703.555-7.284 1.573-10.688c-7.425 5.626-12.16 14.155-12.16 23.703c0 16.942 14.908 25.564 33.299 25.564c.532 0 1.051-.027 1.577-.042c-2.987 4.599-4.713 9.972-4.713 15.721c0 16.942 14.908 25.564 33.299 25.564c8.201 0 15.705-1.719 21.508-5.122c-.212.003-.42.01-.631.01m58.824 0c-24.075 0-43.591-11.286-43.591-33.465c0-1.052.056-2.091.144-3.122c5.459-.709 10.431-2.256 14.541-4.666c-.21.002-.418.009-.629.009c-4.504 0-8.847-.395-12.934-1.183c.144-.578.281-1.159.451-1.728c-.61.462-1.194.95-1.766 1.451c-17.075-3.696-29.342-14.425-29.342-32.005c0-.791.038-1.574.088-2.354c5.705-.668 10.893-2.251 15.159-4.752c-.21.002-.418.009-.629.009c-4.764 0-9.344-.449-13.635-1.33c.177-.761.368-1.517.591-2.262a33 33 0 0 0-2.265 1.896c-16.521-3.906-28.281-14.554-28.281-31.769c0-3.703.555-7.284 1.573-10.688c-7.425 5.626-12.16 14.155-12.16 23.703c0 16.92 14.869 25.539 33.225 25.562c-2.705 4.435-4.252 9.55-4.252 14.999c0 16.942 14.908 25.564 33.299 25.564c.317 0 .625-.02.939-.025c-2.98 4.595-4.703 9.962-4.703 15.704c0 16.942 14.908 25.564 33.299 25.564c8.201 0 15.705-1.719 21.508-5.122c-.212.003-.42.01-.63.01"/><path fill="#8A4537" d="M120.01 351.661v34.767h43.043a19.2 19.2 0 0 0-1.263 6.802v113.094c0 2.189.385 4.289 1.062 6.257h157.139a19.2 19.2 0 0 0 1.062-6.257V393.23c0-2.394-.46-4.68-1.263-6.802h43.043v-34.767z"/><path fill="#A85D39" d="M297.755 351.661H156.088v34.767h29V512h112.667V386.428h29v-34.767zm-29.638 85.635c0 11.287-12.5 20.522-23.809 20.522h-5.411c-11.309 0-24.17-9.235-24.17-20.522v-10.801c0-6.859 4.752-11.361 11.016-13.84c1.822-7.159 8.061-12.442 15.499-12.442c7.348 0 13.529 5.155 15.435 12.183c6.489 2.419 11.441 6.996 11.441 14.1z"/><path fill="#FFDA70" d="M477.6 229.703c-5.67-42.375-18.638-78.599-38.543-107.666c-40.229-58.746-94.333-68.225-96.616-68.6a6.001 6.001 0 0 0-1.944 11.842c.509.083 51.297 8.979 88.659 63.539a184 184 0 0 1 7.148 11.333c-16.249-14.423-32.315-21.575-44.698-25.105c-20.765-5.919-35.931-3.291-36.566-3.176a6 6 0 0 0-4.838 6.971a5.996 5.996 0 0 0 6.971 4.838c.53-.095 53.381-8.844 94.479 52.529a6 6 0 0 0 1.736 1.697a248 248 0 0 1 4.57 14.84c-19.484-21.137-39.74-30.65-54.654-34.902c-20.762-5.919-35.931-3.291-36.566-3.176c-3.253.587-5.407 3.693-4.831 6.948s3.691 5.426 6.943 4.864c.135-.023 13.55-2.251 31.78 3.082c24.434 7.148 45.535 23.784 62.718 49.444c.173.258.367.493.571.715a318 318 0 0 1 1.787 11.574c4.529 33.844 4.251 72.062-.789 114.133c-3.888-16.535-8.478-32.151-13.771-46.8c-15.828-43.803-37.999-79.365-65.896-105.7c-56.341-53.187-116.014-50.783-118.527-50.653a6 6 0 0 0-5.686 6.298a5.974 5.974 0 0 0 6.299 5.686c.561-.028 57.027-2.309 109.677 47.395c4.336 4.093 8.512 8.45 12.558 13.018c-21.745-12.904-41.582-17.131-56.209-18.068c-23.39-1.497-38.846 4.77-39.492 5.037a5.99 5.99 0 0 0-3.247 7.817c1.254 3.058 4.751 4.522 7.819 3.278c.138-.056 14.015-5.579 34.795-4.114c27.869 1.962 54.362 14.873 78.743 38.374a6 6 0 0 0 2.226 1.339a273 273 0 0 1 9.513 17.02c-26.289-19.035-50.745-24.707-67.973-25.811c-23.391-1.5-38.845 4.77-39.492 5.037a5.99 5.99 0 0 0-3.247 7.817c1.254 3.058 4.749 4.522 7.819 3.278c.137-.056 14.016-5.579 34.795-4.114c27.869 1.962 54.362 14.873 78.743 38.374c.263.253.548.469.841.665a345 345 0 0 1 4.655 12.105c8.474 23.452 15.105 49.491 19.879 77.935a788 788 0 0 1-5.328 27.797a6 6 0 0 0 5.878 7.235c1.547 0 2.992-.617 4.083-1.638c2.798 25.204 4.298 52.037 4.483 80.409a6 6 0 0 0 5.999 5.961h.04a6 6 0 0 0 5.961-6.039c-.268-41.108-3.267-79.094-8.947-113.686c9.622-56.557 11.545-107.233 5.692-150.976"/><path fill="#6EBE4A" d="M512 303.148c-12.632 22.987-43.268 90.424-46.867 209.013l44.867.172s-30.49-71.128 2-198.499z"/><path fill="#7DC04C" d="M502.035 207.076s-44.109 61.412-59.672 202.951C414.639 343.889 373.333 311 373.333 311c72.576 139.418 46 201.333 46 201.333h46.8l-.006-.073l21.449.073c.001 0-26.609-165.521 14.459-305.257"/><path fill="#6EBE4A" d="M440 512.333S434.667 377.666 403.333 288c-3.64-3.894 45.856 23.38 72.561 224.333z"/><ellipse cx="122.408" cy="120.666" fill="#FFDA00" rx="101.497" ry="101.298"/></svg>

How to use the Moonviewingceremony icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Moonviewingceremony icon FAQ

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

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

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

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

Browse all Firefox OS Emoji icons →