Diagonal Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="0 0 512.001 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="256.001"
        y2="256.001"
        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="M492 512a19.94 19.94 0 0 1-14.14-5.855L170.03 198.316l-84.57 84.938c-14.395 14.394-35.8 18.652-54.57 10.875C12.125 286.359 0 268.21 0 247.899V60.058C0 26.94 26.941 0 60.059 0h187.84c20.312 0 38.456 12.125 46.23 30.895 7.762 18.73 3.531 40.093-10.77 54.457l-30.086 30.656c-7.734 7.887-20.398 8.004-28.28.27-7.884-7.739-8.005-20.403-.266-28.286l30.14-30.715.133-.132c4.281-4.282 2.95-9.079 2.176-10.946-.774-1.863-3.223-6.199-9.278-6.199H60.058C48.997 40 40 48.996 40 60.059v187.84c0 6.054 4.336 8.503 6.2 9.277 1.862.773 6.663 2.105 10.945-2.176l84.542-84.91c7.547-7.582 17.598-11.762 28.301-11.774h.043c10.684 0 20.727 4.157 28.285 11.715L506.145 477.86c7.808 7.809 7.808 20.473 0 28.282A19.944 19.944 0 0 1 492 512zm0 0"
    />
</svg>