Record Button

<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="#fff33b" />
        <stop offset=".059" stop-color="#ffe029" />
        <stop offset=".13" stop-color="#ffd218" />
        <stop offset=".203" stop-color="#fec90f" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".668" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="4.698"
        x2="59.302"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="22.5"
        x2="41.5"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M32 4.698C16.946 4.698 4.698 16.945 4.698 32S16.946 59.302 32 59.302 59.302 47.055 59.302 32 47.054 4.698 32 4.698zm0 52.604C18.048 57.302 6.698 45.951 6.698 32S18.048 6.698 32 6.698 57.302 18.049 57.302 32 45.952 57.302 32 57.302z"
    />
    <path
        fill="url(#c)"
        d="M32 22.5c-5.238 0-9.5 4.262-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.262 9.5-9.5-4.262-9.5-9.5-9.5zm0 17c-4.136 0-7.5-3.364-7.5-7.5s3.364-7.5 7.5-7.5 7.5 3.364 7.5 7.5-3.364 7.5-7.5 7.5z"
    />
</svg>