Diagonal Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="16.165"
        x2="15.831"
        y1="-.311"
        y2="32.689"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#b621fe" />
        <stop offset="1" stop-color="#1fd1f9" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="18.134"
        x2="17.8"
        y1="-.292"
        y2="32.708"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="14.734"
        x2="14.401"
        y1="-.326"
        y2="32.674"
        gradientTransform="rotate(45 14.587 14.588)"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            fill-rule="evenodd"
            d="M26.607 5.393a15 15 0 1 0 0 21.213 15.007 15.007 0 0 0 0-21.213zm-1.414 19.8a13 13 0 1 1 0-18.385 13.007 13.007 0 0 1 0 18.385z"
        />
        <path
            fill="url(#b)"
            fill-rule="evenodd"
            d="M20.654 20.659h-7.485v2h9.485v-9.485h-2z"
        />
        <path
            fill="url(#c)"
            d="M13.583 8.588h2v12h-2z"
            transform="rotate(-45 14.583 14.593)"
        />
    </g>
</svg>