Diagonal Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 511.993 511.993"
>
    <linearGradient
        id="a"
        x1="69.654"
        x2="416.136"
        y1="448.212"
        y2="101.73"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc06b" />
        <stop offset="1" stop-color="#e66900" />
    </linearGradient>
    <circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="186.863"
        x2="298.934"
        y1="331.003"
        y2="218.932"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset=".31" stop-color="#fcfcfc" />
        <stop offset=".573" stop-color="#f2f1f3" />
        <stop offset=".818" stop-color="#e1e0e3" />
        <stop offset="1" stop-color="#cfcdd3" />
    </linearGradient>
    <path
        d="m363.8 203.674 30.814 30.813 21.42-138.521-138.521 21.42 30.813 30.814L148.2 308.326l-30.814-30.813-21.42 138.521 138.521-21.42-30.813-30.814z"
        fill="url(#b)"
    />
</svg>