Question

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <g>
        <circle cx="256" cy="256" r="245" fill="#f5d367" />
        <path
            fill="#f5d367"
            d="M336.24 487.56A244.67 244.67 0 0 1 256 501C120.69 501 11 391.31 11 256a243.85 243.85 0 0 1 32.43-121.89C78.15 293.73 189.1 424.89 336.24 487.56z"
        />
        <circle cx="256" cy="256" r="214.5" fill="#ffebb9" />
        <path
            fill="#eddab0"
            d="M294 467.14a214 214 0 0 1-38 3.37c-118.28 0-214.51-96.23-214.51-214.51a213.21 213.21 0 0 1 14.1-76.48A501.41 501.41 0 0 0 294 467.14z"
        />
        <g fill="#4a5058">
            <path
                d="M254.91 104a96.91 96.91 0 0 0-94.36 74.31 20 20 0 0 0 38.87 9.44A57.09 57.09 0 0 1 312 201.44a57.81 57.81 0 0 1-40.39 54.94c-.42.13-.83.29-1.23.44a20 20 0 0 0-17.51 19.83v51.93a20 20 0 1 0 40 0V291.1a98.16 98.16 0 0 0 39.72-31.21A96.86 96.86 0 0 0 352 201.44c0-53.72-43.54-97.44-97.09-97.44zM272.89 357.75a20 20 0 0 0-20 20V388a20 20 0 0 0 40 0v-10.25a20 20 0 0 0-20-20z"
            />
        </g>
    </g>
</svg>