Diagonal Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="256"
        y2="256"
        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>
    <path
        fill="url(#a)"
        d="M20 512a19.929 19.929 0 0 1-14.14-5.86c-7.813-7.808-7.813-20.472 0-28.28L313.683 170.03l-84.938-84.57c-14.394-14.395-18.648-35.8-10.875-54.566C225.645 12.125 243.793 0 264.101 0h187.84C485.06 0 512 26.941 512 60.059v187.84c0 20.312-12.125 38.456-30.89 46.23-18.731 7.762-40.098 3.535-54.462-10.77l-30.656-30.086c-7.883-7.734-8.004-20.398-.265-28.28 7.734-7.888 20.398-8.005 28.28-.27l30.716 30.14c.043.047.09.09.132.137 4.286 4.281 9.083 2.945 10.946 2.176 1.863-.774 6.199-3.223 6.199-9.278V60.058C472 48.997 463.004 40 451.941 40h-187.84c-6.054 0-8.503 4.336-9.277 6.2-.77 1.862-2.105 6.663 2.18 10.945l84.906 84.542c7.582 7.547 11.766 17.602 11.778 28.301.007 10.7-4.153 20.762-11.72 28.328L34.142 506.141A19.922 19.922 0 0 1 20 512zm0 0"
    />
</svg>