Diagonal Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="15.76"
        x2="16.24"
        y1="1.005"
        y2="30.995"
        gradientTransform="rotate(45 16.004 15.998)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#09c6f9" />
        <stop offset="1" stop-color="#045de9" />
    </linearGradient>
    <g>
        <circle
            cx="16"
            cy="16"
            r="15"
            fill="url(#a)"
            transform="rotate(-45 15.998 16.004)"
        />
        <g fill="#fff">
            <path
                fill-rule="evenodd"
                d="M13.171 11.345h7.486v7.486h2V9.345h-9.486z"
            />
            <path d="m9.633 20.953 8.484-8.484 1.414 1.414-8.484 8.484z" />
        </g>
    </g>
</svg>