Two Way

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 192 192"
>
    <linearGradient
        id="a"
        x1="43.172"
        x2="84.828"
        y1="115.172"
        y2="73.515"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#34cdfa" />
        <stop offset="1" stop-color="#e8d9f1" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="107.172"
        x2="148.828"
        y1="118.485"
        y2="76.828"
        href="#a"
    />
    <circle cx="96" cy="96" r="88" fill="#e6f9fe" />
    <path
        fill="#ccf2fe"
        d="M120 168A87.994 87.994 0 0 1 59.908 15.72a88.008 88.008 0 1 0 96.184 144.56A87.686 87.686 0 0 1 120 168z"
    />
    <path
        fill="#01c0f9"
        d="M96 192a96 96 0 1 1 96-96 96.108 96.108 0 0 1-96 96zm0-176a80 80 0 1 0 80 80 80.091 80.091 0 0 0-80-80z"
    />
    <path
        fill="url(#a)"
        d="m58.343 58.343-24 24 11.314 11.314L56 83.314V128h16V83.314l10.343 10.343 11.314-11.314-24-24a8 8 0 0 0-11.314 0z"
    />
    <path
        fill="url(#b)"
        d="M146.343 98.343 136 108.686V64h-16v44.686l-10.343-10.343-11.314 11.314 24 24a8 8 0 0 0 11.314 0l24-24z"
    />
</svg>