Moon Viewing Ceremony icon
openmoji:moon-viewing-ceremony
The Moon Viewing Ceremony icon (openmoji:moon-viewing-ceremony) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Activities
- Tags
- moonviewing, viewingceremony, moonviewingceremony
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGNPXtHd5W" d="M15.006 43.04a9.82 9.82 0 0 1 6.623 2.957m-6.095-5.986a10.28 10.28 0 0 1 6.56 2.453m-5.819-5.458a10.6 10.6 0 0 1 6.445 2.138m-5.296-5.135a10.6 10.6 0 0 1 6.161 2.026m1.261-2.782a9.97 9.97 0 0 0-5.27-2.156m3.5-2.419a8.76 8.76 0 0 1 3.575 2.342"/><path id="SVG2nnRzdxm" d="M20.006 52.04a9.82 9.82 0 0 1 6.623 2.957m-6.095-5.986a10.28 10.28 0 0 1 6.56 2.453m-5.819-5.458a10.6 10.6 0 0 1 6.445 2.138m-5.296-5.135a10.6 10.6 0 0 1 6.161 2.026m1.261-2.782a9.97 9.97 0 0 0-5.27-2.156m3.5-2.419a8.76 8.76 0 0 1 3.575 2.342"/><path id="SVG366WOciX" d="M25 28a12.06 12.06 0 0 0-7 5c-2.88 4.32-3.686 14.857-3.912 20.421M30 37a12.06 12.06 0 0 0-7 5c-2.292 3.438-3.27 10.81-3.687 16.484"/></defs><g stroke="#000"><circle cx="36" cy="21" r="9" fill="none" stroke-miterlimit="10" stroke-width="2"/><use href="#SVGNPXtHd5W" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><use href="#SVG2nnRzdxm" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><use href="#SVG366WOciX" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path stroke-linejoin="round" stroke-width=".75" d="m52 22.46l.618.442l-.229-.724l.611-.451l-.76-.006L52 21l-.24.721l-.76.006l.611.361l-.229.814z"/><path stroke-linejoin="round" stroke-width="1.5" d="m54.897 32.071l1.3.929l-.482-1.523L57 30.528l-1.598-.012L54.897 29l-.505 1.426l-1.598.102l1.286.949L53.597 33z"/><path stroke-linejoin="round" d="m18.5 24.337l.927.663l-.344-1.087l.917-.676l-1.14-.099l-.36-.991l-.36 1.081l-1.14.009l.917.676L17.573 25z"/><circle cx="53.75" cy="47.75" r="2.25" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="47" cy="47.75" r="2.25" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="40.25" cy="47.75" r="2.25" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="43.625" cy="41.75" r="2.25" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="50.375" cy="41.75" r="2.25" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="47" cy="35.75" r="2.25" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></g><circle cx="36" cy="36" r="28" fill="#1e50a0"/><circle cx="36" cy="21" r="9" fill="#f1b31c" stroke="#f1b31c" stroke-miterlimit="10" stroke-width="2"/><circle cx="53.75" cy="47.75" r="2.25" fill="#d0cfce" stroke="#d0cfce" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="47" cy="47.75" r="2.25" fill="#d0cfce" stroke="#d0cfce" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="40.25" cy="47.75" r="2.25" fill="#d0cfce" stroke="#d0cfce" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="43.625" cy="41.75" r="2.25" fill="#d0cfce" stroke="#d0cfce" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="50.375" cy="41.75" r="2.25" fill="#d0cfce" stroke="#d0cfce" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="47" cy="35.75" r="2.25" fill="#d0cfce" stroke="#d0cfce" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><use href="#SVGNPXtHd5W" fill="none" stroke="#f4aa41" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><use href="#SVG2nnRzdxm" fill="none" stroke="#f4aa41" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><use href="#SVG366WOciX" fill="none" stroke="#5c9e31" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path fill="#f1b31c" stroke="#f1b31c" stroke-linejoin="round" stroke-width=".75" d="m52 22.46l.618.442l-.229-.724l.611-.451l-.76-.006L52 21l-.24.721l-.76.006l.611.361l-.229.814z"/><path fill="#f1b31c" stroke="#f1b31c" stroke-linejoin="round" stroke-width="1.5" d="m54.897 32.071l1.3.929l-.482-1.523L57 30.528l-1.598-.012L54.897 29l-.505 1.426l-1.598.102l1.286.949L53.597 33z"/><path fill="#f1b31c" stroke="#f1b31c" stroke-linejoin="round" d="m18.5 24.337l.927.663l-.344-1.087l.917-.676l-1.14-.099l-.36-.991l-.36 1.081l-1.14.009l.917.676L17.573 25z"/><path fill="#a57939" stroke="#a57939" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36 64a27.9 27.9 0 0 0 18.617-7.092q.496-.442.971-.908H40Zm22.243-11H34v3h21.588z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-miterlimit="10" d="M55.341 49.341a2.25 2.25 0 0 1-3.182-3.182m-3.568 3.182a2.25 2.25 0 0 1-3.182-3.182m-3.568 3.182a2.25 2.25 0 0 1-3.182-3.182m6.557-2.818a2.25 2.25 0 0 1-3.182-3.182m9.932 3.182a2.25 2.25 0 0 1-3.182-3.182m-.193-2.818a2.25 2.25 0 0 1-3.182-3.182"/><path stroke-linecap="round" stroke-linejoin="round" d="M58.243 53H34v3"/><path stroke-linecap="round" stroke-miterlimit="10" d="M42.364 27.364a9 9 0 0 1-12.728-12.728"/><path stroke-linecap="round" stroke-linejoin="round" d="m40 56l-4 8"/><circle cx="36" cy="36" r="28" stroke-linejoin="round"/></g></svg>How to use the Moon Viewing Ceremony icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:moon-viewing-ceremony" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:moon-viewing-ceremony" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:moon-viewing-ceremony" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--moon-viewing-ceremony]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:moon-viewing-ceremony"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:moon-viewing-ceremony"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/moon-viewing-ceremony.svg" alt="Moon Viewing Ceremony icon" width="24" height="24">Related icons in OpenMoji
Moon Viewing Ceremony icon in other icon sets
Moon Viewing Ceremony icon FAQ
Is the Moon Viewing Ceremony icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Moon Viewing Ceremony icon in React?
Install @iconify/react and render <Icon icon="openmoji:moon-viewing-ceremony" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Moon Viewing Ceremony icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/moon-viewing-ceremony.svg" alt="Moon Viewing Ceremony icon">, or paste the SVG code inline to style it with CSS.