new moon face emoji

new-moon-face from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
new-moon-face
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

new-moon-faceFluent Emojinew-moon-faceFluent Emoji Flatnew-moon-faceFluent Emoji High Contrastnew-moon-faceNoto Emojinew-moon-faceOpenMojinew-moon-faceTwitter Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the new moon face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#3e4347"/><g fill="#464d51"><circle cx="25.9" cy="7.8" r="3.4"/><circle cx="46.9" cy="14.6" r="5.7"/><circle cx="34.7" cy="14.1" r="2.6"/><circle cx="57.5" cy="37" r="2"/><circle cx="55.5" cy="22.3" r="2"/><circle cx="22.5" cy="15.7" r="2"/><circle cx="14.4" cy="16.7" r="4.6"/><circle cx="51.9" cy="29.4" r="2.6"/></g><g fill="#fff" opacity=".7"><path d="M33.8 33c.1-.3.4-.6.7-.8s.6-.4.9-.5c.6-.3 1.3-.4 1.9-.5c1.2-.2 2.4-.4 3.5-.5c1.1-.2 2.1-.4 3-.7c1-.4 1.9-1 2.9-1.9c.1 1.4-.5 2.8-1.6 3.8s-2.6 1.5-3.9 1.7c-1.4.2-2.7.1-3.9-.1c-.6-.1-1.2-.2-1.8-.4c-.5-.1-1-.3-1.7-.1m-16 2.1c-1.1.3-1.6.8-2.3 1.3s-1.6 1-2.6 1.3s-2.4.3-3.5-.2S7.6 36 7.3 35q1.65.3 2.7.3c.7 0 1.3-.2 2-.4s1.6-.5 2.6-.6c.5-.1 1.1-.1 1.7 0s1.2.3 1.5.8"/><path d="M14.3 23.5c1.7-.1 3.4.1 5 1.1q1.2.75 2.1 1.8c.6.7 1 1.6 1.3 2.4c.7 1.7.9 3.5 1 5.2c0 1.7-.1 3.5-.4 5.1c-.1.8-.3 1.7-.5 2.5c-.2.7-.2 1.3-.1 1.9q.15 1.8 2.1 2.7c1.2.6 2.8.7 4.3.6s3.1-.6 4.5-1.5c-1 1.3-2.6 2.3-4.2 2.8c-1.7.5-3.5.7-5.4.2c-.9-.3-1.9-.8-2.6-1.5c-.8-.8-1.3-1.8-1.4-2.8c-.2-1-.1-2.1 0-3c.1-.8.3-1.6.4-2.4c.4-3.1.7-6.3.1-9.2c-.3-1.4-1-2.8-2.1-3.8c-1-.8-2.5-1.5-4.1-2.1m4.8 29.9c2.7 0 5.3.2 7.9.1s5.1-.3 7.5-.9s4.8-1.5 7.1-2.6s4.6-2.5 7-3.8c-1.6 2.2-3.5 4.2-5.8 5.8s-4.8 2.8-7.6 3.5s-5.6.7-8.3.4c-2.8-.4-5.4-1.3-7.8-2.5"/></g></svg>

React

import type { SVGProps } from "react";

export function EmojioneNewMoonFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#3e4347"/><g fill="#464d51"><circle cx="25.9" cy="7.8" r="3.4"/><circle cx="46.9" cy="14.6" r="5.7"/><circle cx="34.7" cy="14.1" r="2.6"/><circle cx="57.5" cy="37" r="2"/><circle cx="55.5" cy="22.3" r="2"/><circle cx="22.5" cy="15.7" r="2"/><circle cx="14.4" cy="16.7" r="4.6"/><circle cx="51.9" cy="29.4" r="2.6"/></g><g fill="#fff" opacity=".7"><path d="M33.8 33c.1-.3.4-.6.7-.8s.6-.4.9-.5c.6-.3 1.3-.4 1.9-.5c1.2-.2 2.4-.4 3.5-.5c1.1-.2 2.1-.4 3-.7c1-.4 1.9-1 2.9-1.9c.1 1.4-.5 2.8-1.6 3.8s-2.6 1.5-3.9 1.7c-1.4.2-2.7.1-3.9-.1c-.6-.1-1.2-.2-1.8-.4c-.5-.1-1-.3-1.7-.1m-16 2.1c-1.1.3-1.6.8-2.3 1.3s-1.6 1-2.6 1.3s-2.4.3-3.5-.2S7.6 36 7.3 35q1.65.3 2.7.3c.7 0 1.3-.2 2-.4s1.6-.5 2.6-.6c.5-.1 1.1-.1 1.7 0s1.2.3 1.5.8"/><path d="M14.3 23.5c1.7-.1 3.4.1 5 1.1q1.2.75 2.1 1.8c.6.7 1 1.6 1.3 2.4c.7 1.7.9 3.5 1 5.2c0 1.7-.1 3.5-.4 5.1c-.1.8-.3 1.7-.5 2.5c-.2.7-.2 1.3-.1 1.9q.15 1.8 2.1 2.7c1.2.6 2.8.7 4.3.6s3.1-.6 4.5-1.5c-1 1.3-2.6 2.3-4.2 2.8c-1.7.5-3.5.7-5.4.2c-.9-.3-1.9-.8-2.6-1.5c-.8-.8-1.3-1.8-1.4-2.8c-.2-1-.1-2.1 0-3c.1-.8.3-1.6.4-2.4c.4-3.1.7-6.3.1-9.2c-.3-1.4-1-2.8-2.1-3.8c-1-.8-2.5-1.5-4.1-2.1m4.8 29.9c2.7 0 5.3.2 7.9.1s5.1-.3 7.5-.9s4.8-1.5 7.1-2.6s4.6-2.5 7-3.8c-1.6 2.2-3.5 4.2-5.8 5.8s-4.8 2.8-7.6 3.5s-5.6.7-8.3.4c-2.8-.4-5.4-1.3-7.8-2.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#3e4347"/><g fill="#464d51"><circle cx="25.9" cy="7.8" r="3.4"/><circle cx="46.9" cy="14.6" r="5.7"/><circle cx="34.7" cy="14.1" r="2.6"/><circle cx="57.5" cy="37" r="2"/><circle cx="55.5" cy="22.3" r="2"/><circle cx="22.5" cy="15.7" r="2"/><circle cx="14.4" cy="16.7" r="4.6"/><circle cx="51.9" cy="29.4" r="2.6"/></g><g fill="#fff" opacity=".7"><path d="M33.8 33c.1-.3.4-.6.7-.8s.6-.4.9-.5c.6-.3 1.3-.4 1.9-.5c1.2-.2 2.4-.4 3.5-.5c1.1-.2 2.1-.4 3-.7c1-.4 1.9-1 2.9-1.9c.1 1.4-.5 2.8-1.6 3.8s-2.6 1.5-3.9 1.7c-1.4.2-2.7.1-3.9-.1c-.6-.1-1.2-.2-1.8-.4c-.5-.1-1-.3-1.7-.1m-16 2.1c-1.1.3-1.6.8-2.3 1.3s-1.6 1-2.6 1.3s-2.4.3-3.5-.2S7.6 36 7.3 35q1.65.3 2.7.3c.7 0 1.3-.2 2-.4s1.6-.5 2.6-.6c.5-.1 1.1-.1 1.7 0s1.2.3 1.5.8"/><path d="M14.3 23.5c1.7-.1 3.4.1 5 1.1q1.2.75 2.1 1.8c.6.7 1 1.6 1.3 2.4c.7 1.7.9 3.5 1 5.2c0 1.7-.1 3.5-.4 5.1c-.1.8-.3 1.7-.5 2.5c-.2.7-.2 1.3-.1 1.9q.15 1.8 2.1 2.7c1.2.6 2.8.7 4.3.6s3.1-.6 4.5-1.5c-1 1.3-2.6 2.3-4.2 2.8c-1.7.5-3.5.7-5.4.2c-.9-.3-1.9-.8-2.6-1.5c-.8-.8-1.3-1.8-1.4-2.8c-.2-1-.1-2.1 0-3c.1-.8.3-1.6.4-2.4c.4-3.1.7-6.3.1-9.2c-.3-1.4-1-2.8-2.1-3.8c-1-.8-2.5-1.5-4.1-2.1m4.8 29.9c2.7 0 5.3.2 7.9.1s5.1-.3 7.5-.9s4.8-1.5 7.1-2.6s4.6-2.5 7-3.8c-1.6 2.2-3.5 4.2-5.8 5.8s-4.8 2.8-7.6 3.5s-5.6.7-8.3.4c-2.8-.4-5.4-1.3-7.8-2.5"/></g></svg>
</template>

CSS

.icon-new-moon-face {
  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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%233e4347%22%2F%3E%3Cg%20fill%3D%22%23464d51%22%3E%3Ccircle%20cx%3D%2225.9%22%20cy%3D%227.8%22%20r%3D%223.4%22%2F%3E%3Ccircle%20cx%3D%2246.9%22%20cy%3D%2214.6%22%20r%3D%225.7%22%2F%3E%3Ccircle%20cx%3D%2234.7%22%20cy%3D%2214.1%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%2257.5%22%20cy%3D%2237%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2255.5%22%20cy%3D%2222.3%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2222.5%22%20cy%3D%2215.7%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2214.4%22%20cy%3D%2216.7%22%20r%3D%224.6%22%2F%3E%3Ccircle%20cx%3D%2251.9%22%20cy%3D%2229.4%22%20r%3D%222.6%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fff%22%20opacity%3D%22.7%22%3E%3Cpath%20d%3D%22M33.8%2033c.1-.3.4-.6.7-.8s.6-.4.9-.5c.6-.3%201.3-.4%201.9-.5c1.2-.2%202.4-.4%203.5-.5c1.1-.2%202.1-.4%203-.7c1-.4%201.9-1%202.9-1.9c.1%201.4-.5%202.8-1.6%203.8s-2.6%201.5-3.9%201.7c-1.4.2-2.7.1-3.9-.1c-.6-.1-1.2-.2-1.8-.4c-.5-.1-1-.3-1.7-.1m-16%202.1c-1.1.3-1.6.8-2.3%201.3s-1.6%201-2.6%201.3s-2.4.3-3.5-.2S7.6%2036%207.3%2035q1.65.3%202.7.3c.7%200%201.3-.2%202-.4s1.6-.5%202.6-.6c.5-.1%201.1-.1%201.7%200s1.2.3%201.5.8%22%2F%3E%3Cpath%20d%3D%22M14.3%2023.5c1.7-.1%203.4.1%205%201.1q1.2.75%202.1%201.8c.6.7%201%201.6%201.3%202.4c.7%201.7.9%203.5%201%205.2c0%201.7-.1%203.5-.4%205.1c-.1.8-.3%201.7-.5%202.5c-.2.7-.2%201.3-.1%201.9q.15%201.8%202.1%202.7c1.2.6%202.8.7%204.3.6s3.1-.6%204.5-1.5c-1%201.3-2.6%202.3-4.2%202.8c-1.7.5-3.5.7-5.4.2c-.9-.3-1.9-.8-2.6-1.5c-.8-.8-1.3-1.8-1.4-2.8c-.2-1-.1-2.1%200-3c.1-.8.3-1.6.4-2.4c.4-3.1.7-6.3.1-9.2c-.3-1.4-1-2.8-2.1-3.8c-1-.8-2.5-1.5-4.1-2.1m4.8%2029.9c2.7%200%205.3.2%207.9.1s5.1-.3%207.5-.9s4.8-1.5%207.1-2.6s4.6-2.5%207-3.8c-1.6%202.2-3.5%204.2-5.8%205.8s-4.8%202.8-7.6%203.5s-5.6.7-8.3.4c-2.8-.4-5.4-1.3-7.8-2.5%22%2F%3E%3C%2Fg%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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%233e4347%22%2F%3E%3Cg%20fill%3D%22%23464d51%22%3E%3Ccircle%20cx%3D%2225.9%22%20cy%3D%227.8%22%20r%3D%223.4%22%2F%3E%3Ccircle%20cx%3D%2246.9%22%20cy%3D%2214.6%22%20r%3D%225.7%22%2F%3E%3Ccircle%20cx%3D%2234.7%22%20cy%3D%2214.1%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%2257.5%22%20cy%3D%2237%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2255.5%22%20cy%3D%2222.3%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2222.5%22%20cy%3D%2215.7%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2214.4%22%20cy%3D%2216.7%22%20r%3D%224.6%22%2F%3E%3Ccircle%20cx%3D%2251.9%22%20cy%3D%2229.4%22%20r%3D%222.6%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fff%22%20opacity%3D%22.7%22%3E%3Cpath%20d%3D%22M33.8%2033c.1-.3.4-.6.7-.8s.6-.4.9-.5c.6-.3%201.3-.4%201.9-.5c1.2-.2%202.4-.4%203.5-.5c1.1-.2%202.1-.4%203-.7c1-.4%201.9-1%202.9-1.9c.1%201.4-.5%202.8-1.6%203.8s-2.6%201.5-3.9%201.7c-1.4.2-2.7.1-3.9-.1c-.6-.1-1.2-.2-1.8-.4c-.5-.1-1-.3-1.7-.1m-16%202.1c-1.1.3-1.6.8-2.3%201.3s-1.6%201-2.6%201.3s-2.4.3-3.5-.2S7.6%2036%207.3%2035q1.65.3%202.7.3c.7%200%201.3-.2%202-.4s1.6-.5%202.6-.6c.5-.1%201.1-.1%201.7%200s1.2.3%201.5.8%22%2F%3E%3Cpath%20d%3D%22M14.3%2023.5c1.7-.1%203.4.1%205%201.1q1.2.75%202.1%201.8c.6.7%201%201.6%201.3%202.4c.7%201.7.9%203.5%201%205.2c0%201.7-.1%203.5-.4%205.1c-.1.8-.3%201.7-.5%202.5c-.2.7-.2%201.3-.1%201.9q.15%201.8%202.1%202.7c1.2.6%202.8.7%204.3.6s3.1-.6%204.5-1.5c-1%201.3-2.6%202.3-4.2%202.8c-1.7.5-3.5.7-5.4.2c-.9-.3-1.9-.8-2.6-1.5c-.8-.8-1.3-1.8-1.4-2.8c-.2-1-.1-2.1%200-3c.1-.8.3-1.6.4-2.4c.4-3.1.7-6.3.1-9.2c-.3-1.4-1-2.8-2.1-3.8c-1-.8-2.5-1.5-4.1-2.1m4.8%2029.9c2.7%200%205.3.2%207.9.1s5.1-.3%207.5-.9s4.8-1.5%207.1-2.6s4.6-2.5%207-3.8c-1.6%202.2-3.5%204.2-5.8%205.8s-4.8%202.8-7.6%203.5s-5.6.7-8.3.4c-2.8-.4-5.4-1.3-7.8-2.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/new-moon-face.svg?color=%231a73e8&size=48