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="M451.941 512h-187.84c-20.312 0-38.456-12.125-46.23-30.89-7.773-18.766-3.516-40.176 10.848-54.54l84.968-84.601L5.86 34.14c-7.812-7.809-7.812-20.473 0-28.282 7.809-7.812 20.473-7.812 28.282 0l307.828 307.825c7.566 7.566 11.726 17.629 11.715 28.328-.012 10.703-4.192 20.754-11.774 28.3l-84.937 84.575c-4.254 4.25-2.918 9.05-2.149 10.914.774 1.863 3.223 6.199 9.278 6.199h187.84c11.062 0 20.058-8.996 20.058-20.059v-187.84c0-6.054-4.336-8.503-6.2-9.277-1.863-.77-6.663-2.105-10.945 2.18-.043.043-.09.086-.132.133l-30.715 30.14c-7.883 7.735-20.547 7.618-28.281-.27-7.739-7.882-7.618-20.542.265-28.28l30.656-30.086c14.364-14.301 35.727-18.532 54.461-10.77C499.875 225.645 512 243.79 512 264.101v187.84C512 485.06 485.059 512 451.941 512zm0 0"
    />
</svg>