Diagonal Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    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="M247.898 512H60.058C26.942 512 0 485.059 0 451.941v-187.84c0-20.308 12.125-38.456 30.89-46.23 18.766-7.773 40.176-3.516 54.54 10.848l84.601 84.969L477.86 5.859c7.809-7.812 20.473-7.812 28.282 0 7.812 7.809 7.812 20.473 0 28.282L198.316 341.969c-7.558 7.554-17.601 11.715-28.285 11.715h-.043c-10.703-.012-20.75-4.192-28.3-11.774l-84.575-84.937c-4.25-4.254-9.05-2.922-10.914-2.149-1.863.774-6.199 3.223-6.199 9.278v187.84C40 463.003 48.996 472 60.059 472h187.84c6.054 0 8.503-4.336 9.277-6.2.77-1.863 2.105-6.663-2.18-10.945-.043-.043-.086-.09-.133-.132l-30.14-30.715c-7.735-7.883-7.618-20.547.27-28.281 7.882-7.739 20.542-7.622 28.28.265l30.086 30.656c14.301 14.364 18.532 35.727 10.77 54.461C286.355 499.875 268.21 512 247.899 512zm0 0"
    />
</svg>