Toggle

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="10.57"
        x2="53.43"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0170fe" />
        <stop offset=".38" stop-color="#035ed4" />
        <stop offset=".79" stop-color="#044dad" />
        <stop offset="1" stop-color="#05479e" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="30.5"
        x2="47.05"
        y1="31.97"
        y2="31.97"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M39.58 18.08H24.42C6 18.84 6 45.16 24.42 45.92h15.16c18.42-.76 18.47-27.08 0-27.84zm0 24.84H24.42a10.92 10.92 0 0 1 0-21.84h15.16c14.48.6 14.49 21.24 0 21.84z"
        />
        <path
            fill="url(#b)"
            d="M38.77 23.73A8.28 8.28 0 0 0 30.5 32c.42 11 16.14 11 16.55 0a8.28 8.28 0 0 0-8.28-8.27zm0 13.54c-7-.22-7-10.32 0-10.54 6.98.27 6.97 10.32 0 10.54z"
        />
    </g>
</svg>