Stop 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="23"
        x2="41"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M32 4.698C16.945 4.698 4.698 16.945 4.698 32S16.945 59.302 32 59.302 59.302 47.055 59.302 32 47.055 4.698 32 4.698zm0 52.604C18.049 57.302 6.698 45.951 6.698 32S18.049 6.698 32 6.698 57.302 18.049 57.302 32 45.951 57.302 32 57.302z"
    />
    <path
        fill="url(#c)"
        d="M40 23H24a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V24a1 1 0 0 0-1-1zm-1 16H25V25h14z"
    />
</svg>