waningcrescentmoon emoji

waningcrescentmoon from Firefox OS Emoji by Mozilla · Default · Nature · Apache-2.0 Free for personal and commercial use.

Name
waningcrescentmoon
Set
Firefox OS Emoji
Style
Default
Category
Nature
Viewbox
512×512
License
Apache 2.0

More nature icons from Firefox OS Emoji

acornamericasglobeantasiaaustraliaglobebabychickbactriancamelbearbirdblackrosetteblossomblowfishboarboltbouquetbouquetofflowersbugbunnybunnysidecactuscatcatsidecherryblossomchickenchilipepper

Use the waningcrescentmoon emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#5A7B90" d="M6.002 256c0-138.069 111.931-250 249.999-250S506 117.931 506 256c0 138.068-111.931 249.999-249.999 249.999S6.002 394.068 6.002 256"/><path fill="#496170" d="M308.354 500.486c-8.188-8.716-12.966-19.137-12.966-30.341c0-30.584 35.487-55.381 79.255-55.381c23.049 0 43.794 6.882 58.277 17.86c-33.493 33.548-76.472 57.613-124.566 67.862m197.618-246.611c-.469-56.359-19.586-108.266-51.489-149.863c-32.307 10.008-55.778 40.123-55.778 75.718c0 43.769 35.487 79.256 79.255 79.256a79.1 79.1 0 0 0 28.012-5.111M303.445 10.52A251 251 0 0 0 256 6.003c-37.878 0-73.78 8.44-105.952 23.518c13.773 26.354 41.349 44.352 73.146 44.352c38.97-.001 71.611-27.027 80.251-63.353m-34.373 157.271c-39.345 0-71.238 25.959-71.238 57.991s31.892 57.991 71.238 57.991c39.345 0 71.238-25.959 71.238-57.991s-31.893-57.991-71.238-57.991M113.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.356m113.844 209.875c-23.302 0-42.196 18.894-42.196 42.196s18.894 42.196 42.196 42.196c23.31 0 42.204-18.894 42.204-42.196s-18.894-42.196-42.204-42.196"/><path fill="#FDE364" d="M109.084 256c0-120.398 85.127-220.856 198.453-244.623c-16.64-3.486-33.861-5.376-51.538-5.376C117.931 6.001 6 117.932 6 256c0 138.069 111.931 250 249.999 250c17.678 0 34.899-1.89 51.538-5.376C194.212 476.857 109.084 376.391 109.084 256"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiWaningcrescentmoon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#5A7B90" d="M6.002 256c0-138.069 111.931-250 249.999-250S506 117.931 506 256c0 138.068-111.931 249.999-249.999 249.999S6.002 394.068 6.002 256"/><path fill="#496170" d="M308.354 500.486c-8.188-8.716-12.966-19.137-12.966-30.341c0-30.584 35.487-55.381 79.255-55.381c23.049 0 43.794 6.882 58.277 17.86c-33.493 33.548-76.472 57.613-124.566 67.862m197.618-246.611c-.469-56.359-19.586-108.266-51.489-149.863c-32.307 10.008-55.778 40.123-55.778 75.718c0 43.769 35.487 79.256 79.255 79.256a79.1 79.1 0 0 0 28.012-5.111M303.445 10.52A251 251 0 0 0 256 6.003c-37.878 0-73.78 8.44-105.952 23.518c13.773 26.354 41.349 44.352 73.146 44.352c38.97-.001 71.611-27.027 80.251-63.353m-34.373 157.271c-39.345 0-71.238 25.959-71.238 57.991s31.892 57.991 71.238 57.991c39.345 0 71.238-25.959 71.238-57.991s-31.893-57.991-71.238-57.991M113.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.356m113.844 209.875c-23.302 0-42.196 18.894-42.196 42.196s18.894 42.196 42.196 42.196c23.31 0 42.204-18.894 42.204-42.196s-18.894-42.196-42.204-42.196"/><path fill="#FDE364" d="M109.084 256c0-120.398 85.127-220.856 198.453-244.623c-16.64-3.486-33.861-5.376-51.538-5.376C117.931 6.001 6 117.932 6 256c0 138.069 111.931 250 249.999 250c17.678 0 34.899-1.89 51.538-5.376C194.212 476.857 109.084 376.391 109.084 256"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#5A7B90" d="M6.002 256c0-138.069 111.931-250 249.999-250S506 117.931 506 256c0 138.068-111.931 249.999-249.999 249.999S6.002 394.068 6.002 256"/><path fill="#496170" d="M308.354 500.486c-8.188-8.716-12.966-19.137-12.966-30.341c0-30.584 35.487-55.381 79.255-55.381c23.049 0 43.794 6.882 58.277 17.86c-33.493 33.548-76.472 57.613-124.566 67.862m197.618-246.611c-.469-56.359-19.586-108.266-51.489-149.863c-32.307 10.008-55.778 40.123-55.778 75.718c0 43.769 35.487 79.256 79.255 79.256a79.1 79.1 0 0 0 28.012-5.111M303.445 10.52A251 251 0 0 0 256 6.003c-37.878 0-73.78 8.44-105.952 23.518c13.773 26.354 41.349 44.352 73.146 44.352c38.97-.001 71.611-27.027 80.251-63.353m-34.373 157.271c-39.345 0-71.238 25.959-71.238 57.991s31.892 57.991 71.238 57.991c39.345 0 71.238-25.959 71.238-57.991s-31.893-57.991-71.238-57.991M113.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.356m113.844 209.875c-23.302 0-42.196 18.894-42.196 42.196s18.894 42.196 42.196 42.196c23.31 0 42.204-18.894 42.204-42.196s-18.894-42.196-42.204-42.196"/><path fill="#FDE364" d="M109.084 256c0-120.398 85.127-220.856 198.453-244.623c-16.64-3.486-33.861-5.376-51.538-5.376C117.931 6.001 6 117.932 6 256c0 138.069 111.931 250 249.999 250c17.678 0 34.899-1.89 51.538-5.376C194.212 476.857 109.084 376.391 109.084 256"/></svg>
</template>

CSS

.icon-waningcrescentmoon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%235A7B90%22%20d%3D%22M6.002%20256c0-138.069%20111.931-250%20249.999-250S506%20117.931%20506%20256c0%20138.068-111.931%20249.999-249.999%20249.999S6.002%20394.068%206.002%20256%22%2F%3E%3Cpath%20fill%3D%22%23496170%22%20d%3D%22M308.354%20500.486c-8.188-8.716-12.966-19.137-12.966-30.341c0-30.584%2035.487-55.381%2079.255-55.381c23.049%200%2043.794%206.882%2058.277%2017.86c-33.493%2033.548-76.472%2057.613-124.566%2067.862m197.618-246.611c-.469-56.359-19.586-108.266-51.489-149.863c-32.307%2010.008-55.778%2040.123-55.778%2075.718c0%2043.769%2035.487%2079.256%2079.255%2079.256a79.1%2079.1%200%200%200%2028.012-5.111M303.445%2010.52A251%20251%200%200%200%20256%206.003c-37.878%200-73.78%208.44-105.952%2023.518c13.773%2026.354%2041.349%2044.352%2073.146%2044.352c38.97-.001%2071.611-27.027%2080.251-63.353m-34.373%20157.271c-39.345%200-71.238%2025.959-71.238%2057.991s31.892%2057.991%2071.238%2057.991c39.345%200%2071.238-25.959%2071.238-57.991s-31.893-57.991-71.238-57.991M113.3%20133.471c-23.302%200-42.196%2015.385-42.196%2034.356s18.894%2034.357%2042.196%2034.357c23.31%200%2042.204-15.385%2042.204-34.357c0-18.971-18.894-34.356-42.204-34.356m113.844%20209.875c-23.302%200-42.196%2018.894-42.196%2042.196s18.894%2042.196%2042.196%2042.196c23.31%200%2042.204-18.894%2042.204-42.196s-18.894-42.196-42.204-42.196%22%2F%3E%3Cpath%20fill%3D%22%23FDE364%22%20d%3D%22M109.084%20256c0-120.398%2085.127-220.856%20198.453-244.623c-16.64-3.486-33.861-5.376-51.538-5.376C117.931%206.001%206%20117.932%206%20256c0%20138.069%20111.931%20250%20249.999%20250c17.678%200%2034.899-1.89%2051.538-5.376C194.212%20476.857%20109.084%20376.391%20109.084%20256%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%235A7B90%22%20d%3D%22M6.002%20256c0-138.069%20111.931-250%20249.999-250S506%20117.931%20506%20256c0%20138.068-111.931%20249.999-249.999%20249.999S6.002%20394.068%206.002%20256%22%2F%3E%3Cpath%20fill%3D%22%23496170%22%20d%3D%22M308.354%20500.486c-8.188-8.716-12.966-19.137-12.966-30.341c0-30.584%2035.487-55.381%2079.255-55.381c23.049%200%2043.794%206.882%2058.277%2017.86c-33.493%2033.548-76.472%2057.613-124.566%2067.862m197.618-246.611c-.469-56.359-19.586-108.266-51.489-149.863c-32.307%2010.008-55.778%2040.123-55.778%2075.718c0%2043.769%2035.487%2079.256%2079.255%2079.256a79.1%2079.1%200%200%200%2028.012-5.111M303.445%2010.52A251%20251%200%200%200%20256%206.003c-37.878%200-73.78%208.44-105.952%2023.518c13.773%2026.354%2041.349%2044.352%2073.146%2044.352c38.97-.001%2071.611-27.027%2080.251-63.353m-34.373%20157.271c-39.345%200-71.238%2025.959-71.238%2057.991s31.892%2057.991%2071.238%2057.991c39.345%200%2071.238-25.959%2071.238-57.991s-31.893-57.991-71.238-57.991M113.3%20133.471c-23.302%200-42.196%2015.385-42.196%2034.356s18.894%2034.357%2042.196%2034.357c23.31%200%2042.204-15.385%2042.204-34.357c0-18.971-18.894-34.356-42.204-34.356m113.844%20209.875c-23.302%200-42.196%2018.894-42.196%2042.196s18.894%2042.196%2042.196%2042.196c23.31%200%2042.204-18.894%2042.204-42.196s-18.894-42.196-42.204-42.196%22%2F%3E%3Cpath%20fill%3D%22%23FDE364%22%20d%3D%22M109.084%20256c0-120.398%2085.127-220.856%20198.453-244.623c-16.64-3.486-33.861-5.376-51.538-5.376C117.931%206.001%206%20117.932%206%20256c0%20138.069%20111.931%20250%20249.999%20250c17.678%200%2034.899-1.89%2051.538-5.376C194.212%20476.857%20109.084%20376.391%20109.084%20256%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/waningcrescentmoon.svg?color=%231a73e8&size=48