Toggle

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <linearGradient
        id="a"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(29 -15 15 29 417.999 371.997)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0056e0" />
        <stop offset=".01" stop-color="#0056e0" />
        <stop offset="1" stop-color="#00e5b8" />
    </linearGradient>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="url(#a)"
            d="M452.5 364a9.5 9.5 0 0 0-9.5-9.5c-6.468 0-15.536.236-22 0-5.572-.203-9.596 4.423-9.5 9.5.099 5.246 4.253 9.5 9.5 9.5h22a9.5 9.5 0 0 0 9.5-9.5zm-30.5-5.5c-3.036 0-5.5 2.464-5.5 5.5s2.464 5.5 5.5 5.5 5.5-2.464 5.5-5.5-2.464-5.5-5.5-5.5z"
            transform="translate(-407.999 -339.997)"
        />
    </g>
</svg>