Add icons to this collection by clicking the heart icon.
Moon icon - also known as cloud, nature, astronomy, halloween, sky, moon, moon phase, full moon, and moon craters. Created in a clean flat 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 64 64"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ffb000" />
        <stop offset=".346" stop-color="#e61e71" />
        <stop offset=".699" stop-color="#9d2888" />
        <stop offset="1" stop-color="#620774" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="63.829"
        x2="7.6"
        y1="11.655"
        y2="67.884"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="51.044"
        x2="-5.185"
        y1="-1.13"
        y2="55.098"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="57.587"
        x2="1.358"
        y1="5.413"
        y2="61.642"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="63.087"
        x2="6.858"
        y1="10.913"
        y2="67.142"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="56.587"
        x2=".358"
        y1="4.413"
        y2="60.642"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="59.337"
        x2="3.108"
        y1="7.163"
        y2="63.392"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="49.087"
        x2="-7.142"
        y1="-3.087"
        y2="53.142"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="64.587"
        x2="8.358"
        y1="12.413"
        y2="68.642"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="62.587"
        x2="6.358"
        y1="10.413"
        y2="66.642"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="59.087"
        x2="2.858"
        y1="6.913"
        y2="63.142"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="63.587"
        x2="7.358"
        y1="11.413"
        y2="67.642"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="47.128"
        x2="-9.101"
        y1="-5.046"
        y2="51.183"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="n"
        x1="54.587"
        x2="-1.642"
        y1="2.413"
        y2="58.642"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="o"
        x1="60.587"
        x2="4.358"
        y1="8.413"
        y2="64.642"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="p"
        x1="62.087"
        x2="5.858"
        y1="9.913"
        y2="66.142"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M63 55h-1.96c.017-1.968-.255-6.141-2.642-8.755-.982-1.075-2.204-1.761-3.643-2.064-.402-2.252-1.317-4.04-2.641-5.271A21.764 21.764 0 0 0 54 30c0-12.131-9.869-22-22-22a21.936 21.936 0 0 0-19.247 11.358c-2.954.643-4.14 2.754-4.584 3.977C4.737 24.396 3.392 28.267 3.077 31H1a1 1 0 0 0 0 2h9.218c.081.594.184 1.172.309 1.738-2.073.879-2.981 2.559-3.358 3.597C3.737 39.396 2.392 43.267 2.077 46H1a1 1 0 0 0 0 2h18.368a21.91 21.91 0 0 0 10.454 3.879A19.635 19.635 0 0 0 29.109 55H26a1 1 0 0 0 0 2h37a1 1 0 0 0 0-2zm-39.69-7H25a1 1 0 0 0 0-2h-1.969c-.016-1.464-.278-4.062-1.798-5.734-.627-.69-1.403-1.132-2.294-1.365-.611-2.933-2.587-4.738-5.317-4.738a9.13 9.13 0 0 0-1.158.078 19.158 19.158 0 0 1-.229-1.24H25a1 1 0 0 0 0-2h-.969c-.016-1.464-.278-4.062-1.798-5.734-.627-.69-1.403-1.132-2.294-1.365-.569-2.732-2.329-4.462-4.775-4.689a19.971 19.971 0 0 1 3.758-4.341A5 5 0 0 0 23 17c2.757 0 5-2.243 5-5 0-.53-.089-1.048-.249-1.544C29.13 10.159 30.551 10 32 10c1.693 0 3.328.234 4.898.632a4.985 4.985 0 0 0-.708 2.558c0 2.757 2.243 5 5 5a4.984 4.984 0 0 0 4.464-2.763 20.083 20.083 0 0 1 3.354 4.103A3.975 3.975 0 0 0 47 23c0 2.206 1.794 4 4 4 .25 0 .496-.031.738-.077.157 1.006.262 2.028.262 3.077a19.79 19.79 0 0 1-1.559 7.759C49.43 37.265 48.277 37 47 37c-6.648 0-8.854 4.299-9.526 6.333-3.436.92-5.627 3.669-6.922 6.596A19.96 19.96 0 0 1 23.31 48z"
    />
    <circle cx="29" cy="20.913" r="4" fill="url(#c)" />
    <circle cx="34" cy="29" r="4" fill="url(#d)" />
    <circle cx="44" cy="30" r="4" fill="url(#e)" />
    <circle cx="39" cy="22" r="3" fill="url(#f)" />
    <circle cx="28.5" cy="38" r="5" fill="url(#g)" />
    <circle cx="33" cy="13" r="1" fill="url(#h)" />
    <circle cx="36" cy="41" r="1" fill="url(#i)" />
    <circle cx="37" cy="36" r="1" fill="url(#j)" />
    <circle cx="45" cy="21" r="1" fill="url(#k)" />
    <circle cx="29" cy="46" r="1" fill="url(#l)" />
    <circle cx="21.541" cy="20.541" r="1" fill="url(#m)" />
    <circle cx="21" cy="36" r="1" fill="url(#n)" />
    <path
        fill="url(#o)"
        d="M52 10a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h.613l-.562 1.684a.999.999 0 0 0 1.265 1.265L55 16.387V17a1 1 0 0 0 1 1h2a1 1 0 0 0 0-2h-1v-1a1.003 1.003 0 0 0-1.317-.949l-1.103.368.368-1.103A1 1 0 0 0 54 12h-1v-1a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#p)"
        d="M13 52a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h.613l-.562 1.684a.999.999 0 0 0 1.265 1.265L16 58.387V59a1 1 0 0 0 1 1h2a1 1 0 0 0 0-2h-1v-1a1.002 1.002 0 0 0-1.317-.949l-1.103.368.368-1.103A1 1 0 0 0 15 54h-1v-1a1 1 0 0 0-1-1z"
    />
</svg>
More icons in the same style and category