Spinner

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path
        d="M425.369 327.511c-21.923-16.73-40.979-37.969-55.624-63.349-14.645-25.379-23.498-52.505-27.013-79.858L256 34.36l-86.732 149.944c-3.515 27.353-12.368 54.479-27.013 79.858-14.645 25.38-33.7 46.618-55.623 63.349L0 477.639l173.331.001c25.448-10.627 53.368-16.516 82.669-16.516s57.221 5.889 82.669 16.516H512l-86.631-150.129zm-24.705 100.581H111.336c-12.747 0-20.689-13.828-14.266-24.838l144.664-247.996c6.373-10.925 22.159-10.925 28.532 0L414.93 403.254c6.423 11.01-1.519 24.838-14.266 24.838z"
        fill="#959cb5"
    />
    <path
        d="M256 67.346V34.36l-86.732 149.944c-3.515 27.353-12.368 54.479-27.013 79.858-14.645 25.38-33.7 46.618-55.623 63.349L0 477.639l173.331.001c25.448-10.627 53.368-16.516 82.669-16.516l-227.401-.001L256 67.346z"
        fill="#7f8499"
    />
    <path
        d="M256 67.346V34.36l86.732 149.944c3.515 27.353 12.368 54.479 27.013 79.858 14.645 25.38 33.7 46.618 55.624 63.349L512 477.639l-173.331.001c-25.448-10.627-53.368-16.516-82.669-16.516l227.401-.001L256 67.346z"
        fill="#afb9d2"
    />
    <circle
        cx="256"
        cy="329"
        r="24.774"
        fill="none"
        stroke="#464646"
        stroke-width="16.516"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
    <circle cx="256" cy="329" r="107.36" fill="#ffc850" />
    <circle cx="256" cy="329" r="90.84" fill="#ffdc64" />
    <path
        d="M355.097 337.253a8.256 8.256 0 0 1-8.258-8.258c0-50.089-40.75-90.839-90.839-90.839-4.565 0-8.258-3.698-8.258-8.258s3.694-8.258 8.258-8.258c59.194 0 107.355 48.157 107.355 107.355a8.256 8.256 0 0 1-8.258 8.258z"
        fill="#fff082"
    />
    <circle cx="256" cy="329" r="24.774" fill="#959cb5" />
    <circle cx="256" cy="329" r="12.387" fill="#afb9d2" />
</svg>