Add icons to this collection by clicking the heart icon.
Moon icon - also known as night, weather, moon, unicorn, fantasy, legend, smileys, folklore, and fairy tale. Created in a clean gradient style with a white, silver, navy, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="f"
x1="-2202.804"
x2="-2202.804"
y1="169.442"
y2="106.892"
gradientTransform="matrix(-1 0 0 1 -1825.019 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d5738e" />
<stop offset="1" stop-color="#e6a3c1" />
</linearGradient>
<linearGradient
id="g"
x1="-1130.775"
x2="-1188.448"
y1="153.086"
y2="153.086"
gradientTransform="matrix(-1 -.003 -.003 1 -773.654 2.743)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="154.285"
x2="154.285"
y1="169.442"
y2="106.892"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-930.778"
x2="-988.45"
y1="153.746"
y2="153.746"
gradientTransform="translate(1105.725 2.743)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="j"
x1="119.308"
x2="119.308"
y1="428.844"
y2="265.167"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="k"
x1="-43.258"
x2="448.112"
y1="278.211"
y2="278.211"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#f4c22c" />
<stop offset="1" stop-color="#f9e198" />
</linearGradient>
<linearGradient
id="l"
x1="349.404"
x2="349.404"
y1="279.785"
y2="142.065"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="m"
x1="333.951"
x2="333.951"
y1="384.397"
y2="301.788"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="n"
x1="195.431"
x2="91.486"
y1="177.169"
y2="177.169"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="o"
x1="261.507"
x2="58.575"
y1="370.442"
y2="370.442"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="p"
x1="382.693"
x2="382.693"
y1="546.939"
y2="383.262"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="266.064"
x2="266.064"
y1="170.917"
y2="80.642"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="221.886"
x2="337.038"
y1="84.647"
y2="84.647"
gradientTransform="translate(-12.759 .89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="s"
x1="240.515"
x2="302.157"
y1="38.606"
y2="38.606"
gradientTransform="translate(-12.759 .89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<path
fill="url(#f)"
d="M346.939 178.578c-13.166-12.387-16.567-27.813-6.11-43.258 18.989-28.046 57.612-43.452 72.658-30.74 5.682 4.8 7.967 13.588 7.299 23.924-22.431 28.354-55.957 47.829-73.847 50.074z"
/>
<path
fill="url(#g)"
d="M349.236 180.633a56.98 56.98 0 0 1-2.297-2.055c16.776-33.328 50.596-46.479 73.847-50.074-1.102 17.035-10.235 38.28-25.47 52.848-14.236 13.613-31.034 11.993-46.08-.719z"
/>
<path
fill="url(#h)"
d="M185.131 178.578c13.166-12.387 16.567-27.813 6.11-43.258-18.989-28.046-57.612-43.452-72.658-30.74-5.682 4.8-7.968 13.588-7.299 23.924 22.431 28.354 55.957 47.829 73.847 50.074z"
/>
<path
fill="url(#i)"
d="M182.834 180.633a56.98 56.98 0 0 0 2.297-2.055c-16.775-33.328-50.596-46.479-73.848-50.074 1.102 17.035 10.235 38.28 25.47 52.848 14.237 13.613 31.035 11.993 46.081-.719z"
/>
<path
fill="url(#j)"
d="M190.949 379.746c26.136 0 47.996-21.386 47.662-47.52-.307-24.074-18.75-43.77-42.258-46.064-4.754-.464-8.924-3.408-10.847-7.78-11.192-25.443-36.62-43.209-66.199-43.209S64.3 252.939 53.108 278.382c-1.923 4.372-6.093 7.316-10.847 7.78C18.745 288.456.303 308.163.003 332.239c-.326 26.127 21.534 47.507 47.662 47.507z"
/>
<path
fill="url(#j)"
d="M190.949 379.746c26.136 0 47.996-21.386 47.662-47.52-.307-24.074-18.75-43.77-42.258-46.064-4.754-.464-8.924-3.408-10.847-7.78-11.192-25.443-36.62-43.209-66.199-43.209S64.3 252.939 53.108 278.382c-1.923 4.372-6.093 7.316-10.847 7.78C18.745 288.456.303 308.163.003 332.239c-.326 26.127 21.534 47.507 47.662 47.507z"
/>
<path
fill="url(#k)"
d="M266.035 113.32c-30.501 0-59.061 8.291-83.568 22.728-8.3 25.947-24.535 51.376-59.808 60.679-13.689 24.035-21.515 51.844-21.515 81.483 0 27.13 6.555 52.729 18.163 75.302 48.557-6.143 91.408 44.806 97.114 81.987 15.659 4.935 32.324 7.602 49.614 7.602 91.067 0 164.891-73.824 164.891-164.891 0-91.066-73.824-164.89-164.891-164.89z"
/>
<circle cx="349.404" cy="222.061" r="46.04" fill="url(#l)" />
<circle cx="333.951" cy="351.437" r="26.81" fill="url(#m)" />
<path
fill="url(#n)"
d="M122.66 196.728c7.68 12.908 21.763 21.561 37.873 21.561 24.326 0 44.047-19.72 44.047-44.046 0-16.338-8.9-30.59-22.112-38.193a165.658 165.658 0 0 0-59.808 60.678z"
/>
<path
fill="url(#o)"
d="M184.984 305.385c-30.805 0-56.879 20.23-65.677 48.128 19.959 38.812 54.865 68.673 97.114 81.987 22.215-11.424 37.421-34.557 37.421-61.257.001-38.029-30.828-68.858-68.858-68.858z"
/>
<path
fill="url(#p)"
d="M454.334 497.841c26.136 0 47.996-21.386 47.662-47.52-.307-24.074-18.75-43.77-42.258-46.064-4.754-.464-8.924-3.408-10.847-7.78-11.192-25.443-36.62-43.209-66.199-43.209s-55.007 17.766-66.199 43.209c-1.923 4.372-6.093 7.316-10.847 7.78-23.516 2.294-41.958 22.001-42.258 46.077-.326 26.127 21.533 47.507 47.662 47.507z"
/>
<path
fill="url(#q)"
d="M214.227 133.45c1.229 17.381 23.881 31.296 51.697 31.39 28.644.096 51.914-14.5 51.974-32.601.037-11.009-1.808-25.417-5.029-40.583-37.846-.629-65.732 9.578-98.642 41.794z"
/>
<path
fill="url(#r)"
d="M296.642 39.397c-26.963 2.781-52.356 11.039-73.541 37.136-5.505 20.309-8.882 40.795-8.931 55.358-.002.523.021 1.041.057 1.559 30.643-7.59 65.26-20.379 98.643-41.794-3.779-17.799-9.457-36.635-16.228-52.259z"
/>
<path
fill="url(#s)"
d="M296.642 39.397c-8.807-20.323-19.458-35.202-30.179-35.238-16.696-.056-33.467 35.873-43.362 72.374 23.966-7.838 49.493-19.583 73.541-37.136z"
/>
<ellipse cx="178.178" cy="224.531" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="353.949" cy="224.531" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="203.785" cy="194.913" r="29.618" fill="#fff" />
<circle cx="328.342" cy="194.913" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle cx="203.785" cy="194.913" r="17.652" />
<circle cx="328.342" cy="194.913" r="17.652" />
<path
d="M266.064 225.473c-5.248 0-10.494-1.984-14.775-5.954a5 5 0 1 1 6.798-7.333c4.698 4.355 11.258 4.355 15.954-.001a5 5 0 1 1 6.798 7.334c-4.279 3.969-9.529 5.954-14.775 5.954z"
/>
</g>
<path
fill="#d2d9e0"
d="M83.205 281.033c-9.735.875-16.914 9.562-15.84 19.277 3.177 28.741 12.476 55.663 26.554 79.437h42.191c-18.334-23.427-30.465-51.937-33.934-83.065-1.061-9.522-9.43-16.507-18.971-15.649z"
/>
<g fill="#fff">
<path
d="M464.017 474.954a9.99 9.99 0 0 1-8.423-4.596c-2.985-4.647-1.639-10.833 3.008-13.818 1.075-.691 1.961-1.603 2.563-2.635 2.778-4.772 8.901-6.391 13.673-3.612 4.773 2.778 6.391 8.899 3.612 13.673-2.185 3.756-5.31 7.007-9.037 9.4a9.956 9.956 0 0 1-5.396 1.588zM423.435 477.841h-24.93c-5.522 0-10-4.478-10-10s4.478-10 10-10h24.93c5.523 0 10 4.478 10 10s-4.477 10-10 10z"
/>
</g>
</svg>
More icons in the same style and category