Toggle

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <linearGradient
        id="a"
        x2="48"
        y1="37"
        y2="37"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#87f1fc" />
        <stop offset=".256" stop-color="#7fd4fb" />
        <stop offset=".529" stop-color="#78bcfb" />
        <stop offset=".784" stop-color="#74aefa" />
        <stop offset="1" stop-color="#73a9fa" />
    </linearGradient>
    <linearGradient id="b" y1="11" y2="11" href="#a" />
    <path
        fill="url(#a)"
        d="M37 26H11a11 11 0 0 0 0 22h26a11 11 0 0 0 0-22zm-2 16a5 5 0 1 1 5-5 5.002 5.002 0 0 1-5 5z"
    />
    <path
        fill="url(#b)"
        d="M37 0H11a11 11 0 0 0 0 22h26a11 11 0 0 0 0-22zM13 16a5 5 0 1 1 5-5 5.002 5.002 0 0 1-5 5z"
    />
</svg>