Toggle Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="3.501"
        x2="60.5"
        y1="32.001"
        y2="32.001"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0759ff" />
        <stop offset="1" stop-color="#00175e" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M47.463 4.123a193.017 193.017 0 0 0-30.99.005 13.461 13.461 0 0 0-12.35 12.41 192.446 192.446 0 0 0 .005 30.988 13.462 13.462 0 0 0 12.41 12.351 192.44 192.44 0 0 0 30.988-.005 13.462 13.462 0 0 0 12.351-12.41c.413-5.116.623-10.318.623-15.462 0-5.162-.21-10.387-.628-15.526a13.462 13.462 0 0 0-12.41-12.351zm9.424 43.098a10.472 10.472 0 0 1-9.603 9.66 190.055 190.055 0 0 1-30.505.006 10.474 10.474 0 0 1-9.66-9.603A190.191 190.191 0 0 1 6.5 32c0-5.057.207-10.178.613-15.22a10.473 10.473 0 0 1 9.603-9.662 190.049 190.049 0 0 1 30.505-.005 10.472 10.472 0 0 1 9.66 9.603 189.42 189.42 0 0 1 .006 30.505zM41.212 14.87a115.146 115.146 0 0 0-18.462.003 8.587 8.587 0 0 0-7.879 7.913 114.7 114.7 0 0 0 .003 18.463 8.588 8.588 0 0 0 7.914 7.879 114.689 114.689 0 0 0 18.462-.003 8.588 8.588 0 0 0 7.879-7.914c.246-3.057.371-6.155.371-9.212 0-3.071-.126-6.184-.374-9.25a8.588 8.588 0 0 0-7.914-7.879zm4.927 26.1a5.599 5.599 0 0 1-5.131 5.165 111.842 111.842 0 0 1-17.978.003 5.599 5.599 0 0 1-5.166-5.131A112.12 112.12 0 0 1 17.5 32c0-2.982.122-6.001.361-8.97a5.598 5.598 0 0 1 5.131-5.166 111.736 111.736 0 0 1 17.979-.003 5.599 5.599 0 0 1 5.165 5.131 111.622 111.622 0 0 1 .003 17.979zM40 36.5h-8.817a4.47 4.47 0 1 0 0 3H40a1.5 1.5 0 0 0 0-3zm-13.02 2.98a1.48 1.48 0 0 1 0-2.96 1.48 1.48 0 0 1 0 2.96zm10.04-17.96a4.473 4.473 0 0 0-4.203 2.98H24a1.5 1.5 0 0 0 0 3h8.817a4.48 4.48 0 1 0 4.203-5.98zm0 5.96a1.48 1.48 0 0 1 0-2.96 1.48 1.48 0 0 1 0 2.96z"
    />
</svg>