ICONYZ
English
Waning Crescent Moon icon from OpenMoji

Waning Crescent Moon icon

openmoji:waning-crescent-moon

The Waning Crescent Moon icon (openmoji:waning-crescent-moon) 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
Travel Places
Tags
waningcrescent, crescentmoon, waningcrescentmoon
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path d="m36 8l-.38.03a28 28 0 0 1 3.77.19A28 28 0 0 0 36 8.01zm-1.73.11a28 28 0 0 0-2.55.25a28 28 0 0 1 2.55-.25m5.26.12a28 28 0 0 1 3.99.8a28 28 0 0 0-3.99-.8m-9.33.44a28 28 0 0 0-2.33.59a28 28 0 0 1 2.33-.59m13.34.37A28 28 0 0 0 17 37a28.01 28.01 0 0 0 20.32 26.91A28 28 0 0 0 64 36A28 28 0 0 0 43.54 9.04m-17.17.72a28 28 0 0 0-2.19.92a28 28 0 0 1 2.19-.92m-3.62 1.62a28 28 0 0 0-2.07 1.25a28 28 0 0 1 2.07-1.25m-3.33 2.09a28 28 0 0 0-2.01 1.66a28 28 0 0 1 2.01-1.66m-3.01 2.54a28 28 0 0 0-2.51 2.8a28 28 0 0 1 2.51-2.8m-2.61 2.91a28 28 0 0 0-2.16 3.28a28 28 0 0 1 2.16-3.28m-2.73 4.43a28 28 0 0 0-1.11 2.4a28 28 0 0 1 1.11-2.4m-1.6 3.83a28 28 0 0 0-.68 2.33a28 28 0 0 1 .68-2.33m-.99 3.89a28 28 0 0 0-.32 2.33a28 28 0 0 1 .32-2.33m-.43 3.94a28 28 0 0 0-.06.97a28 28 0 0 0 .09 1.39a28 28 0 0 1-.03-2.36m.13 3.95a28 28 0 0 0 .4 2.44a28 28 0 0 1-.4-2.44m.68 3.86a28 28 0 0 0 .88 2.76a28 28 0 0 1-.88-2.76m1.21 3.74a28 28 0 0 0 1.72 3.51a28 28 0 0 1-1.72-3.51m2.27 4.32a28 28 0 0 0 1.69 2.43a28 28 0 0 1-1.69-2.43m2.63 3.51a28 28 0 0 0 1.7 1.81a28 28 0 0 1-1.7-1.81m2.9 2.86a28 28 0 0 0 1.85 1.46a28 28 0 0 1-1.85-1.46m3.21 2.37a28 28 0 0 0 2.01 1.15a28 28 0 0 1-2.01-1.15m3.47 1.87a28 28 0 0 0 2.24.87a28 28 0 0 1-2.24-.87m3.68 1.36a28 28 0 0 0 2.6.59a28 28 0 0 1-2.6-.59m3.84.83a28 28 0 0 0 3.91.29a28 28 0 0 1-3.91-.29"/><circle cx="36" cy="36" r="28" fill="#3f3f3f" stroke="#3f3f3f" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path fill="#fcea2b" d="M17 37A28 28 0 0 1 43.547 9.037A28 28 0 1 0 36 64q.731 0 1.454-.037A28.006 28.006 0 0 1 17 37"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="36" cy="36" r="28"/><path d="M17 37A28 28 0 0 1 43.547 9.037A28 28 0 1 0 36 64q.731 0 1.454-.037A28.006 28.006 0 0 1 17 37"/></g></svg>

How to use the Waning Crescent Moon icon

React

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

<Icon icon="openmoji:waning-crescent-moon" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:waning-crescent-moon" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:waning-crescent-moon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--waning-crescent-moon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:waning-crescent-moon"></div>

Web component

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

<iconify-icon icon="openmoji:waning-crescent-moon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/waning-crescent-moon.svg" alt="Waning Crescent Moon icon" width="24" height="24">

Related icons in OpenMoji

Waning Crescent Moon icon in other icon sets

Waning Crescent Moon icon FAQ

Is the Waning Crescent Moon 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 Waning Crescent Moon icon in React?

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

How do I add the Waning Crescent Moon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/waning-crescent-moon.svg" alt="Waning Crescent Moon icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →