Add icons to this collection by clicking the heart icon.
Moon icon - also known as night, nature, stars, weather, astronomy, sleep, moon, moon phase, sleepy, moon phases, half moon, meteorology, wellness, miscellaneous, zzz, and hobbies and free time. Created in a clean gradient style, 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 1250.185 1250.185"
>
<linearGradient
id="a"
x1="584.971"
x2="584.971"
y1="1312.269"
y2="-40.851"
gradientTransform="matrix(1 0 0 -1 0 1263.168)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M1169.939 879.146a19.81 19.81 0 0 0-.332-3.82 21.81 21.81 0 0 0-1.308-4.152 18.008 18.008 0 0 0-.685-2.076c-.249-.478-.706-.747-.997-1.183a20.373 20.373 0 0 0-2.761-3.239 21.233 21.233 0 0 0-3.052-2.595c-.477-.311-.768-.789-1.266-1.08a23.21 23.21 0 0 0-2.242-.706 18.684 18.684 0 0 0-7.848-1.578c-2.7-.035-5.376.51-7.848 1.599a20.72 20.72 0 0 0-2.201.706c-280.993 155.485-634.828 53.74-790.313-227.253-96.94-175.191-96.929-387.933.03-563.114a18.91 18.91 0 0 0 .664-2.076 18.957 18.957 0 0 0 1.308-4.152 19.66 19.66 0 0 0 .332-3.82 20.734 20.734 0 0 0-.332-3.924 20.25 20.25 0 0 0-1.267-3.986 18.865 18.865 0 0 0-.685-2.18c-.27-.498-.747-.768-1.059-1.225a19.313 19.313 0 0 0-2.678-3.156 20.178 20.178 0 0 0-3.135-2.678c-.457-.311-.727-.768-1.225-1.038a23.205 23.205 0 0 0-10.049-2.305 18.066 18.066 0 0 0-7.89 1.599c-.748.178-1.484.407-2.201.685C20.067 209.228-88.564 588.344 78.267 889.177s545.947 409.464 846.78 242.633a622.87 622.87 0 0 0 242.589-242.553c.273-.714.508-1.442.706-2.18a20.682 20.682 0 0 0 1.246-3.986c.251-1.299.369-2.621.351-3.945zm-136.157 119.257c-227.037 227.037-595.137 227.037-822.174 0s-227.037-595.137 0-822.174a587.132 587.132 0 0 1 69.822-59.255c-129.724 318.697 23.468 682.214 342.165 811.938a623.029 623.029 0 0 0 469.109.27 586.174 586.174 0 0 1-58.922 69.221z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="565.04"
x2="565.04"
y1="1310.421"
y2="-35.183"
gradientTransform="matrix(1 0 0 -1 0 1263.168)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M481.992 437.394h115.976L467.313 568.049c-8.107 8.109-8.105 21.255.004 29.362a20.762 20.762 0 0 0 14.674 6.079h166.096c11.466 0 20.762-9.295 20.762-20.762 0-11.466-9.295-20.762-20.762-20.762H532.111L662.766 431.31c8.107-8.109 8.105-21.255-.004-29.362a20.76 20.76 0 0 0-14.674-6.079H481.992c-11.466 0-20.762 9.295-20.762 20.762s9.295 20.763 20.762 20.763z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="855.707"
x2="855.707"
y1="1314.698"
y2="-30.886"
gradientTransform="matrix(1 0 0 -1 0 1263.168)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M772.659 271.298h115.976L757.981 401.953c-8.107 8.109-8.105 21.255.004 29.362a20.76 20.76 0 0 0 14.674 6.079h166.096c11.466 0 20.762-9.295 20.762-20.762 0-11.466-9.295-20.762-20.762-20.762H822.779l130.655-130.655c8.107-8.109 8.105-21.255-.004-29.362a20.762 20.762 0 0 0-14.674-6.079H772.659c-11.466 0-20.762 9.295-20.762 20.762s9.296 20.762 20.762 20.762z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="1146.375"
x2="1146.375"
y1="1318.995"
y2="-26.608"
gradientTransform="matrix(1 0 0 -1 0 1263.168)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M1229.423 229.774h-115.976l130.655-130.655c8.107-8.109 8.105-21.255-.005-29.362a20.76 20.76 0 0 0-14.674-6.079h-166.096c-11.466 0-20.762 9.295-20.762 20.762s9.296 20.762 20.762 20.762h115.976l-130.655 130.655c-8.107 8.109-8.105 21.255.004 29.362a20.762 20.762 0 0 0 14.674 6.079h166.096c11.466 0 20.762-9.295 20.762-20.762.001-11.467-9.295-20.762-20.761-20.762z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category