Timer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 497 497"
>
    <path
        fill="#496585"
        d="m397.699 86.874-32.356 32.356 42.426 42.426 32.356-32.356a7.5 7.5 0 0 0 0-10.607l-31.82-31.82a7.5 7.5 0 0 0-10.606.001zM99.3 86.874l32.356 32.356-42.426 42.427L56.874 129.3a7.5 7.5 0 0 1 0-10.607l31.82-31.82a7.5 7.5 0 0 1 10.606.001z"
    />
    <path fill="#3a4e66" d="M233.5 15h60v64.643h-60z" />
    <path fill="#496585" d="M203.5 15h60v64.643h-60z" />
    <path
        fill="#8db3cf"
        d="M248.5 60C127.826 60 30 157.826 30 278.5S127.826 497 248.5 497 467 399.174 467 278.5 369.174 60 248.5 60z"
    />
    <path
        fill="#e8f8ff"
        d="M248.5 90v377C352.606 467 437 382.606 437 278.5S352.606 90 248.5 90z"
    />
    <path
        fill="#fff"
        d="M407 278.5C407 174.394 336.037 90 248.5 90 144.394 90 60 174.394 60 278.5S144.394 467 248.5 467c87.537 0 158.5-84.394 158.5-188.5z"
    />
    <path
        fill="#b0d16f"
        d="M248.5 150v257c70.969 0 128.5-57.531 128.5-128.5S319.468 150 248.5 150z"
    />
    <path
        fill="#c4d983"
        d="M347 278.5c0-70.969-44.1-128.5-98.5-128.5-70.969 0-128.5 57.531-128.5 128.5S177.531 407 248.5 407c54.4 0 98.5-57.531 98.5-128.5z"
    />
    <path
        fill="#5a7ba0"
        d="M308.5 0h-30v30h30c8.284 0 15-6.716 15-15s-6.716-15-15-15z"
    />
    <path
        fill="#7397b8"
        d="M293.5 15c0-8.284-6.716-15-15-15h-90c-8.284 0-15 6.716-15 15s6.716 15 15 15h90c8.284 0 15-6.716 15-15z"
    />
    <path
        fill="#496585"
        d="M272.924 240.704c.006-.006-117.751-76.274-117.751-76.274-5.816-3.758-13.657-3.099-18.75 1.994s-5.752 12.934-1.99 18.746c-.004.004 76.264 117.761 76.264 117.761a45.699 45.699 0 0 0 5.982 7.389c17.574 17.574 46.066 17.574 63.64 0s17.574-46.066 0-63.64a45.085 45.085 0 0 0-7.395-5.976z"
    />
    <circle cx="248.5" cy="278.5" r="15" fill="#8db3cf" />
</svg>