New Moon Face icon
fluent-emoji:new-moon-face
The New Moon Face icon (fluent-emoji:new-moon-face) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT 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
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Tags
- newmoon, moonface, newmoonface
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iDgJtFc)"><circle cx="15.868" cy="16.1" r="13.999" fill="url(#io5G63c)"/><circle cx="15.868" cy="16.1" r="13.999" fill="url(#itm9GVn)"/><circle cx="15.868" cy="16.1" r="13.999" fill="url(#i1rHXjd)"/></g><path fill="url(#i69Tgac)" d="M9.134 19.054a2.96 2.96 0 1 0 0-5.92a2.96 2.96 0 0 0 0 5.92" opacity=".44"/><path fill="url(#idpf1Ti)" d="M22.354 19.054a2.96 2.96 0 1 0 0-5.92a2.96 2.96 0 0 0 0 5.92" opacity=".44"/><g filter="url(#iVxK2Gb)"><path stroke="url(#iisUNUc)" stroke-width=".25" d="M15.361 8.134a2.497 2.497 0 1 0 0-4.994a2.497 2.497 0 0 0 0 4.994Z"/></g><path fill="url(#iSJ39Ed)" d="M15.361 8.134a2.497 2.497 0 1 0 0-4.994a2.497 2.497 0 0 0 0 4.994"/><path fill="url(#iEsmXuc)" d="M15.361 8.134a2.497 2.497 0 1 0 0-4.994a2.497 2.497 0 0 0 0 4.994"/><path fill="url(#iEKbqvW)" d="M15.361 8.134a2.497 2.497 0 1 0 0-4.994a2.497 2.497 0 0 0 0 4.994"/><g filter="url(#iXXcPhe)"><path stroke="url(#iXzcW7U)" stroke-width=".2" d="M2.07 15.257q.451-.121.942-.123a3.651 3.651 0 0 1 .617 7.25"/></g><path fill="url(#io7qvyd)" d="M1.89 15.31q.532-.174 1.122-.176a3.651 3.651 0 0 1 .36 7.285a13.94 13.94 0 0 1-1.481-7.11"/><path fill="url(#icSUxne)" d="M1.89 15.31q.532-.174 1.122-.176a3.651 3.651 0 0 1 .36 7.285a13.94 13.94 0 0 1-1.481-7.11"/><path fill="url(#iOXTuub)" d="M1.89 15.31q.532-.174 1.122-.176a3.651 3.651 0 0 1 .36 7.285a13.94 13.94 0 0 1-1.481-7.11"/><path fill="url(#iJzsyye)" d="M1.89 15.31q.532-.174 1.122-.176a3.651 3.651 0 0 1 .36 7.285a13.94 13.94 0 0 1-1.481-7.11"/><path fill="url(#iX7Yohd)" d="M1.89 15.31q.532-.174 1.122-.176a3.651 3.651 0 0 1 .36 7.285a13.94 13.94 0 0 1-1.481-7.11"/><g filter="url(#iGnTaCb)"><path stroke="url(#iZ6tu0b)" stroke-width=".2" d="M14.658 22.749c1.05.822 1.337 2.211.64 3.102c-.697.89-2.114.945-3.165.123c-1.05-.823-1.336-2.211-.64-3.102c.698-.89 2.115-.946 3.165-.123Z"/></g><path fill="url(#iQt65dd)" d="M14.658 22.749c1.05.822 1.337 2.211.64 3.102c-.697.89-2.114.945-3.165.123c-1.05-.823-1.336-2.211-.64-3.102c.698-.89 2.115-.946 3.165-.123"/><path fill="url(#iZ9bBkd)" d="M14.658 22.749c1.05.822 1.337 2.211.64 3.102c-.697.89-2.114.945-3.165.123c-1.05-.823-1.336-2.211-.64-3.102c.698-.89 2.115-.946 3.165-.123"/><path fill="url(#iUYCMwe)" d="M14.658 22.749c1.05.822 1.337 2.211.64 3.102c-.697.89-2.114.945-3.165.123c-1.05-.823-1.336-2.211-.64-3.102c.698-.89 2.115-.946 3.165-.123"/><path fill="#6B438B" d="M26.026 25.733a14 14 0 0 1-6.224 3.806a3.651 3.651 0 0 1 6.224-3.806"/><g filter="url(#iypujDb)"><path stroke="url(#inslkXb)" stroke-width=".3" d="M29.604 17.175a2.497 2.497 0 0 0-1.25 4.823"/></g><path fill="url(#iAMf2kd)" d="M29.823 17.225a13.9 13.9 0 0 1-1.28 4.828a2.498 2.498 0 1 1 1.28-4.828"/><path fill="url(#iOCUTFb)" d="M29.823 17.225a13.9 13.9 0 0 1-1.28 4.828a2.498 2.498 0 1 1 1.28-4.828"/><path fill="url(#i1rl57d)" d="M29.823 17.225a13.9 13.9 0 0 1-1.28 4.828a2.498 2.498 0 1 1 1.28-4.828"/><path fill="url(#izWcSsd)" d="M29.823 17.225a13.9 13.9 0 0 1-1.28 4.828a2.498 2.498 0 1 1 1.28-4.828"/><path fill="url(#ilO72EG)" d="M29.823 17.225a13.9 13.9 0 0 1-1.28 4.828a2.498 2.498 0 1 1 1.28-4.828"/><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#i36oQ5d)"><path fill="url(#ixuH4ce)" d="M10.539 8.174a2.48 2.48 0 0 0-2.48 2.48a.5.5 0 0 1-1 0a3.48 3.48 0 0 1 3.48-3.48a.5.5 0 1 1 0 1"/><path fill="url(#iUX1zQb)" d="M10.539 8.174a2.48 2.48 0 0 0-2.48 2.48a.5.5 0 0 1-1 0a3.48 3.48 0 0 1 3.48-3.48a.5.5 0 1 1 0 1"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#ihiuydW)"><path fill="url(#igWCmHu)" d="M20.419 7.674a.5.5 0 0 1 .5-.5a3.48 3.48 0 0 1 3.48 3.48a.5.5 0 1 1-1 0a2.48 2.48 0 0 0-2.48-2.48a.5.5 0 0 1-.5-.5"/><path fill="url(#iw1LJCe)" d="M20.419 7.674a.5.5 0 0 1 .5-.5a3.48 3.48 0 0 1 3.48 3.48a.5.5 0 1 1-1 0a2.48 2.48 0 0 0-2.48-2.48a.5.5 0 0 1-.5-.5"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#ifH8yIc)"><path fill="url(#iXVf4Ld)" d="M11.459 11.654a1.37 1.37 0 0 0-1.282.864a.75.75 0 0 1-1.396-.548a2.87 2.87 0 0 1 2.678-1.816c1.272 0 2.354.826 2.732 1.975a.75.75 0 0 1-1.424.47c-.182-.55-.7-.945-1.308-.945"/><path fill="url(#iohm3kc)" d="M11.459 11.654a1.37 1.37 0 0 0-1.282.864a.75.75 0 0 1-1.396-.548a2.87 2.87 0 0 1 2.678-1.816c1.272 0 2.354.826 2.732 1.975a.75.75 0 0 1-1.424.47c-.182-.55-.7-.945-1.308-.945"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#iD3fGEe)"><path fill="url(#i36WnIe)" d="M20.079 11.654a1.37 1.37 0 0 0-1.282.864a.75.75 0 1 1-1.396-.548a2.87 2.87 0 0 1 2.678-1.816c1.272 0 2.354.826 2.732 1.975a.75.75 0 0 1-1.424.47c-.182-.55-.7-.945-1.308-.945"/><path fill="url(#iI7mHUc)" d="M20.079 11.654a1.37 1.37 0 0 0-1.282.864a.75.75 0 1 1-1.396-.548a2.87 2.87 0 0 1 2.678-1.816c1.272 0 2.354.826 2.732 1.975a.75.75 0 0 1-1.424.47c-.182-.55-.7-.945-1.308-.945"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#isCfzYc)"><path fill="#352046" d="M10.779 16.714a.75.75 0 0 1 1.06 0a5.52 5.52 0 0 0 7.81 0a.75.75 0 0 1 1.06 1.06a7.02 7.02 0 0 1-9.93 0a.75.75 0 0 1 0-1.06"/><path fill="url(#i9fYMMe)" d="M10.779 16.714a.75.75 0 0 1 1.06 0a5.52 5.52 0 0 0 7.81 0a.75.75 0 0 1 1.06 1.06a7.02 7.02 0 0 1-9.93 0a.75.75 0 0 1 0-1.06"/><path fill="url(#iXvpAxb)" d="M10.779 16.714a.75.75 0 0 1 1.06 0a5.52 5.52 0 0 0 7.81 0a.75.75 0 0 1 1.06 1.06a7.02 7.02 0 0 1-9.93 0a.75.75 0 0 1 0-1.06"/></g><g filter="url(#iYIvrke)"><path stroke="url(#iOEL93c)" stroke-linecap="round" stroke-width=".5" d="M11.244 17.197c1.51 1.416 5.437 3.4 9.062 0"/></g><g filter="url(#i6EuYIe)"><path stroke="url(#iP0ah2c)" stroke-linecap="round" stroke-width=".5" d="M9.369 7.954c-.495.26-1.633 1.047-1.75 2.633"/></g><g filter="url(#iDQ86Jb)"><path stroke="url(#i82f7Mb)" stroke-linecap="round" stroke-width=".5" d="M20.931 7.603c.844-.073 2.772.272 3.047 2.547"/></g><g filter="url(#ikXknsc)"><path stroke="url(#iiZYKZb)" stroke-linecap="round" stroke-width=".6" d="M9.4 12.29c.104-.531.963-1.569 2.313-1.469s1.885.959 2.03 1.47"/></g><g filter="url(#isKGvfb)"><path stroke="url(#iBS37wb)" stroke-linecap="round" stroke-width=".6" d="M17.858 12.29c.104-.531.963-1.569 2.313-1.469s1.885.959 2.031 1.47"/></g><defs><radialGradient id="io5G63c" cx="0" cy="0" r="1" gradientTransform="rotate(139.682 8.515 9.833)scale(20.5747 21.3794)" gradientUnits="userSpaceOnUse"><stop stop-color="#A27ACE"/><stop offset="1" stop-color="#60348C"/></radialGradient><radialGradient id="itm9GVn" cx="0" cy="0" r="1" gradientTransform="matrix(-19.12496 2.84698 -4.5721 -30.71366 21.869 16.1)" gradientUnits="userSpaceOnUse"><stop offset=".444" stop-color="#544269" stop-opacity="0"/><stop offset="1" stop-color="#544269"/></radialGradient><radialGradient id="i1rHXjd" cx="0" cy="0" r="1" gradientTransform="rotate(-14.58 84.588 .63)scale(12.6303)" gradientUnits="userSpaceOnUse"><stop stop-color="#453C50"/><stop offset="1" stop-color="#453C50" stop-opacity="0"/></radialGradient><radialGradient id="i69Tgac" cx="0" cy="0" r="1" gradientTransform="translate(9.129 16.09)scale(2.9559)" gradientUnits="userSpaceOnUse"><stop stop-color="#D8585D"/><stop offset="1" stop-color="#D8585D" stop-opacity="0"/></radialGradient><radialGradient id="idpf1Ti" cx="0" cy="0" r="1" gradientTransform="translate(22.357 16.09)scale(2.9559)" gradientUnits="userSpaceOnUse"><stop offset=".234" stop-color="#E35387"/><stop offset="1" stop-color="#E35387" stop-opacity="0"/></radialGradient><radialGradient id="iEsmXuc" cx="0" cy="0" r="1" gradientTransform="matrix(4.00155 0 0 3.81306 14.035 5.637)" gradientUnits="userSpaceOnUse"><stop offset=".681" stop-color="#64487E" stop-opacity="0"/><stop offset="1" stop-color="#64487E"/></radialGradient><radialGradient id="iEKbqvW" cx="0" cy="0" r="1" gradientTransform="matrix(-3.19628 0 0 -3.18451 15.925 5.637)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#A87ACF" stop-opacity="0"/><stop offset="1" stop-color="#A87ACF"/></radialGradient><radialGradient id="io7qvyd" cx="0" cy="0" r="1" gradientTransform="matrix(3.625 -1.5 1.60317 3.87434 2.4 19.103)" gradientUnits="userSpaceOnUse"><stop stop-color="#524262"/><stop offset="1" stop-color="#4A395D"/></radialGradient><radialGradient id="icSUxne" cx="0" cy="0" r="1" gradientTransform="rotate(168.69 1.609 9.536)scale(3.02754 8.62298)" gradientUnits="userSpaceOnUse"><stop offset=".721" stop-color="#6A6373" stop-opacity="0"/><stop offset="1" stop-color="#6A6373"/></radialGradient><radialGradient id="iOXTuub" cx="0" cy="0" r="1" gradientTransform="rotate(168.257 1.573 9.546)scale(2.93646 8.36357)" gradientUnits="userSpaceOnUse"><stop offset=".93" stop-color="#5B5167" stop-opacity="0"/><stop offset="1" stop-color="#5B5167"/></radialGradient><radialGradient id="iJzsyye" cx="0" cy="0" r="1" gradientTransform="matrix(1.01565 -3.85936 3.80653 1.00175 2.963 19.071)" gradientUnits="userSpaceOnUse"><stop offset=".934" stop-color="#624C7A" stop-opacity="0"/><stop offset="1" stop-color="#624C7A"/></radialGradient><radialGradient id="iX7Yohd" cx="0" cy="0" r="1" gradientTransform="matrix(.49692 4.94445 -3.96583 .39857 3.578 17.474)" gradientUnits="userSpaceOnUse"><stop offset=".876" stop-color="#57545C" stop-opacity="0"/><stop offset="1" stop-color="#57545C"/></radialGradient><radialGradient id="iZ9bBkd" cx="0" cy="0" r="1" gradientTransform="matrix(.22342 3.43637 -2.70757 .17604 13.396 23.273)" gradientUnits="userSpaceOnUse"><stop offset=".822" stop-color="#674F7D" stop-opacity="0"/><stop offset="1" stop-color="#674F7D"/></radialGradient><radialGradient id="iUYCMwe" cx="0" cy="0" r="1" gradientTransform="matrix(-1.50384 -2.63193 2.28318 -1.30458 13.396 24.918)" gradientUnits="userSpaceOnUse"><stop offset=".788" stop-color="#4F2D6E" stop-opacity="0"/><stop offset="1" stop-color="#4F2D6E"/></radialGradient><radialGradient id="iAMf2kd" cx="0" cy="0" r="1" gradientTransform="matrix(2.4375 1.03125 -.66395 1.56935 26.9 18.79)" gradientUnits="userSpaceOnUse"><stop stop-color="#9D6BC8"/><stop offset="1" stop-color="#9C77BF"/></radialGradient><radialGradient id="iOCUTFb" cx="0" cy="0" r="1" gradientTransform="matrix(2.40625 .5625 -1.43639 6.14456 27.04 18.9)" gradientUnits="userSpaceOnUse"><stop offset=".874" stop-color="#A385C1" stop-opacity="0"/><stop offset="1" stop-color="#A385C1"/></radialGradient><radialGradient id="i1rl57d" cx="0" cy="0" r="1" gradientTransform="rotate(14.591 -60.014 114.804)scale(2.54295 5.71902)" gradientUnits="userSpaceOnUse"><stop offset=".95" stop-color="#A385C1" stop-opacity="0"/><stop offset="1" stop-color="#9A72BF"/></radialGradient><radialGradient id="izWcSsd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.00783 2.82812 -2.58016 -.91946 29.29 19.165)" gradientUnits="userSpaceOnUse"><stop offset=".9" stop-color="#AF8DCF" stop-opacity="0"/><stop offset="1" stop-color="#AF8DCF"/></radialGradient><radialGradient id="ilO72EG" cx="0" cy="0" r="1" gradientTransform="matrix(-.75782 -2.98438 2.84576 -.72263 29.181 20.212)" gradientUnits="userSpaceOnUse"><stop offset=".902" stop-color="#7F59A4" stop-opacity="0"/><stop offset="1" stop-color="#7F59A4"/></radialGradient><radialGradient id="iUX1zQb" cx="0" cy="0" r="1" gradientTransform="matrix(-.78393 .3056 -.24266 -.62244 10.921 7.516)" gradientUnits="userSpaceOnUse"><stop offset=".109" stop-color="#48424F"/><stop offset="1" stop-color="#48424F" stop-opacity="0"/></radialGradient><radialGradient id="iw1LJCe" cx="0" cy="0" r="1" gradientTransform="rotate(-122.305 15.271 -1.143)scale(1.57656 1.25181)" gradientUnits="userSpaceOnUse"><stop offset=".109" stop-color="#48424F"/><stop offset="1" stop-color="#48424F" stop-opacity="0"/></radialGradient><radialGradient id="iohm3kc" cx="0" cy="0" r="1" gradientTransform="rotate(168.151 6.493 5.934)scale(1.10698 .52195)" gradientUnits="userSpaceOnUse"><stop offset=".109" stop-color="#48424F"/><stop offset="1" stop-color="#48424F" stop-opacity="0"/></radialGradient><radialGradient id="iI7mHUc" cx="0" cy="0" r="1" gradientTransform="rotate(168.151 10.803 6.381)scale(1.10698 .52195)" gradientUnits="userSpaceOnUse"><stop offset=".109" stop-color="#48424F"/><stop offset="1" stop-color="#48424F" stop-opacity="0"/></radialGradient><linearGradient id="iisUNUc" x1="17.858" x2="13.306" y1="5.322" y2="6.509" gradientUnits="userSpaceOnUse"><stop stop-color="#6D4993"/><stop offset="1" stop-color="#8D61B9"/></linearGradient><linearGradient id="iSJ39Ed" x1="12.864" x2="17.4" y1="5.637" y2="5.637" gradientUnits="userSpaceOnUse"><stop stop-color="#996BBF"/><stop offset="1" stop-color="#996BBF" stop-opacity="0"/><stop offset="1" stop-color="#7B569B"/></linearGradient><linearGradient id="iXzcW7U" x1="5.713" x2="2.525" y1="20.603" y2="14.447" gradientUnits="userSpaceOnUse"><stop stop-color="#3E3744"/><stop offset="1" stop-color="#504163"/></linearGradient><linearGradient id="iZ6tu0b" x1="14.431" x2="12.4" y1="22.54" y2="25.837" gradientUnits="userSpaceOnUse"><stop stop-color="#563775"/><stop offset="1" stop-color="#52336B"/></linearGradient><linearGradient id="iQt65dd" x1="11.275" x2="15.869" y1="23.009" y2="25.415" gradientUnits="userSpaceOnUse"><stop stop-color="#583676"/><stop offset="1" stop-color="#5E407C"/></linearGradient><linearGradient id="inslkXb" x1="28.24" x2="28.24" y1="17.134" y2="22.053" gradientUnits="userSpaceOnUse"><stop stop-color="#8059AC"/><stop offset="1" stop-color="#9169BE"/></linearGradient><linearGradient id="ixuH4ce" x1="10.572" x2="6.881" y1="7.004" y2="10.695" gradientUnits="userSpaceOnUse"><stop stop-color="#28212F"/><stop offset="1" stop-color="#231F26"/></linearGradient><linearGradient id="igWCmHu" x1="23.932" x2="20.241" y1="7.004" y2="10.695" gradientUnits="userSpaceOnUse"><stop stop-color="#28212F"/><stop offset="1" stop-color="#231F26"/></linearGradient><linearGradient id="iXVf4Ld" x1="13.583" x2="11.292" y1="10.028" y2="14.285" gradientUnits="userSpaceOnUse"><stop stop-color="#28212F"/><stop offset="1" stop-color="#231F26"/></linearGradient><linearGradient id="i36WnIe" x1="22.203" x2="19.912" y1="10.028" y2="14.285" gradientUnits="userSpaceOnUse"><stop stop-color="#28212F"/><stop offset="1" stop-color="#231F26"/></linearGradient><linearGradient id="i9fYMMe" x1="10.681" x2="11.525" y1="16.494" y2="17.134" gradientUnits="userSpaceOnUse"><stop stop-color="#211928"/><stop offset="1" stop-color="#211928" stop-opacity="0"/></linearGradient><linearGradient id="iXvpAxb" x1="20.65" x2="20.056" y1="16.665" y2="17.322" gradientUnits="userSpaceOnUse"><stop stop-color="#584B64"/><stop offset="1" stop-color="#584B64" stop-opacity="0"/></linearGradient><linearGradient id="iOEL93c" x1="20.525" x2="19.05" y1="17.009" y2="20.402" gradientUnits="userSpaceOnUse"><stop stop-color="#4C3C59"/><stop offset="1" stop-color="#3D3645"/></linearGradient><linearGradient id="iP0ah2c" x1="9.155" x2="8.219" y1="7.686" y2="10.826" gradientUnits="userSpaceOnUse"><stop stop-color="#3F3A44" stop-opacity="0"/><stop offset="1" stop-color="#3F3A44"/></linearGradient><linearGradient id="i82f7Mb" x1="24.181" x2="19.975" y1="10.665" y2="9.721" gradientUnits="userSpaceOnUse"><stop stop-color="#3F3A44"/><stop offset=".379" stop-color="#3F3A44" stop-opacity="0"/><stop offset=".74" stop-color="#3F3A44"/></linearGradient><linearGradient id="iiZYKZb" x1="7.869" x2="9.065" y1="11.646" y2="8.851" gradientUnits="userSpaceOnUse"><stop stop-color="#3F3A44" stop-opacity="0"/><stop offset="1" stop-color="#3F3A44"/></linearGradient><linearGradient id="iBS37wb" x1="16.327" x2="17.523" y1="11.646" y2="8.851" gradientUnits="userSpaceOnUse"><stop stop-color="#3F3A44" stop-opacity="0"/><stop offset="1" stop-color="#3F3A44"/></linearGradient><filter id="iDgJtFc" width="27.999" height="28.249" x="1.869" y="1.85" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.509804 0 0 0 0 0.396078 0 0 0 0 0.631373 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_14537"/></filter><filter id="iVxK2Gb" width="5.744" height="5.744" x="12.489" y="2.765" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14537" stdDeviation=".125"/></filter><filter id="iXXcPhe" width="5.318" height="8.049" x="1.745" y="14.734" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14537" stdDeviation=".15"/></filter><filter id="iGnTaCb" width="5.367" height="5.19" x="10.712" y="21.767" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14537" stdDeviation=".15"/></filter><filter id="iypujDb" width="3.625" height="5.655" x="26.257" y="16.734" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14537" stdDeviation=".125"/></filter><filter id="i36oQ5d" width="4.78" height="4.78" x="6.659" y="6.924" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".15"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.188235 0 0 0 0 0.0862745 0 0 0 0 0.286275 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_14537"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_14537" result="shape"/></filter><filter id="ihiuydW" width="4.58" height="4.58" x="20.019" y="7.074" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.188235 0 0 0 0 0.0862745 0 0 0 0 0.286275 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_14537"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_14537" result="shape"/></filter><filter id="ifH8yIc" width="6.3" height="3.76" x="8.129" y="9.904" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".15"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.188235 0 0 0 0 0.0862745 0 0 0 0 0.286275 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_14537"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_14537" result="shape"/></filter><filter id="iD3fGEe" width="6.3" height="3.76" x="16.749" y="9.904" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".15"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.188235 0 0 0 0 0.0862745 0 0 0 0 0.286275 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_14537"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_14537" result="shape"/></filter><filter id="isCfzYc" width="12.87" height="5.838" x="9.059" y="15.494" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.223529 0 0 0 0 0.133333 0 0 0 0 0.309804 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_14537"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_14537" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".25"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.156863 0 0 0 0 0.101961 0 0 0 0 0.211765 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_14537"/></filter><filter id="iYIvrke" width="10.162" height="2.977" x="10.694" y="16.646" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14537" stdDeviation=".15"/></filter><filter id="i6EuYIe" width="2.75" height="3.633" x="7.119" y="7.454" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14537" stdDeviation=".125"/></filter><filter id="iDQ86Jb" width="4.047" height="3.556" x="20.431" y="7.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14537" stdDeviation=".125"/></filter><filter id="ikXknsc" width="5.744" height="2.876" x="8.7" y="10.115" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14537" stdDeviation=".2"/></filter><filter id="isKGvfb" width="5.744" height="2.876" x="17.158" y="10.115" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14537" stdDeviation=".2"/></filter></defs></g></svg>How to use the New Moon Face icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:new-moon-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:new-moon-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:new-moon-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--new-moon-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:new-moon-face"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:new-moon-face"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/new-moon-face.svg" alt="New Moon Face icon" width="24" height="24">Related icons in Fluent Emoji
New Moon Face icon in other icon sets
New Moon Face icon FAQ
Is the New Moon Face icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the New Moon Face icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:new-moon-face" />, or use “Copy code” on this page to get a standalone React component.
How do I add the New Moon Face icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/new-moon-face.svg" alt="New Moon Face icon">, or paste the SVG code inline to style it with CSS.