Simulation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <linearGradient
        id="a"
        x1="24"
        x2="24"
        y1="14.241"
        y2="39.795"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c6cbcc" />
        <stop offset="1" stop-color="#9fa5a6" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="20.964"
        x2="26.92"
        y1="20.964"
        y2="26.92"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#3e4154" />
        <stop offset="1" stop-color="#1b2129" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="22.571"
        x2="25.199"
        y1="22.571"
        y2="25.199"
        href="#a"
    />
    <linearGradient
        id="b"
        x1="30.439"
        x2="32.561"
        y1="17.439"
        y2="19.561"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#edf2f0" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="35.439"
        x2="37.561"
        y1="18.439"
        y2="20.561"
        href="#b"
    />
    <linearGradient
        id="f"
        x1="10.439"
        x2="12.561"
        y1="18.439"
        y2="20.561"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="15.439"
        x2="17.561"
        y1="17.439"
        y2="19.561"
        href="#b"
    />
    <radialGradient
        id="h"
        cx="24"
        cy="24"
        r="22"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".661" stop-color="#1b2129" />
        <stop offset="1" stop-color="#3e4154" />
    </radialGradient>
    <path
        fill="url(#a)"
        d="M24 45a20.548 20.548 0 0 1-4.583-.506 1 1 0 0 1-.757-1.173A16.576 16.576 0 0 0 19 40 16.009 16.009 0 0 0 3.971 24.028a1 1 0 0 1-.94-1.04 20.68 20.68 0 0 1 .662-4.361 1 1 0 0 1 .58-.669 51.14 51.14 0 0 1 39.454 0 1 1 0 0 1 .58.669 20.68 20.68 0 0 1 .662 4.361 1 1 0 0 1-.94 1.04A16.009 16.009 0 0 0 29 40a16.576 16.576 0 0 0 .34 3.321 1 1 0 0 1-.757 1.173A20.548 20.548 0 0 1 24 45z"
    />
    <circle cx="24" cy="24" r="5" fill="url(#c)" />
    <circle cx="24" cy="24" r="2" fill="url(#d)" />
    <circle cx="31.5" cy="18.5" r="1.5" fill="url(#b)" />
    <circle cx="36.5" cy="19.5" r="1.5" fill="url(#e)" />
    <circle cx="11.5" cy="19.5" r="1.5" fill="url(#f)" />
    <circle cx="16.5" cy="18.5" r="1.5" fill="url(#g)" />
    <path
        fill="url(#h)"
        d="M24 2a22 22 0 1 0 22 22A22 22 0 0 0 24 2zm0 39a17 17 0 1 1 17-17 17 17 0 0 1-17 17z"
    />
</svg>