Looping Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#2bc4f3" />
        <stop offset=".5" stop-color="#00aeee" />
        <stop offset="1" stop-color="#0095da" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="7.643"
        x2="42.382"
        y1="28.408"
        y2="28.408"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="21.618"
        x2="56.357"
        y1="35.592"
        y2="35.592"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M16.828 46.815h-5.185v-29.63h23.911l-3.771 3.771a2 2 0 1 0 2.828 2.828l7.185-7.186a2 2 0 0 0 0-2.828l-7.185-7.185a2 2 0 1 0-2.828 2.828l3.771 3.771H9.643a2 2 0 0 0-2 2v33.631a2 2 0 0 0 2 2h7.185a2 2 0 0 0 0-4z"
    />
    <path
        fill="url(#c)"
        d="M54.357 13.185h-7.185a2 2 0 0 0 0 4h5.185v29.631H28.446l3.771-3.771a2 2 0 1 0-2.828-2.828l-7.185 7.186a2 2 0 0 0 0 2.828l7.185 7.185c.39.389.902.584 1.414.584s1.024-.195 1.414-.586a2 2 0 0 0 0-2.828l-3.771-3.771h25.911a2 2 0 0 0 2-2v-33.63a2 2 0 0 0-2-2z"
    />
</svg>