Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="9.1"
        x2="54.91"
        y1="25.94"
        y2="25.94"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0170fe" />
        <stop offset=".38" stop-color="#035ed4" />
        <stop offset=".79" stop-color="#044dad" />
        <stop offset="1" stop-color="#05479e" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="2.97"
        x2="61.03"
        y1="52.68"
        y2="52.68"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M11.06 42.52 30.75 29v17.59H28.7a1.25 1.25 0 0 0 0 2.5h6.6a1.25 1.25 0 0 0 0-2.5h-2V29l7.5 5.15 12.19 8.36a1.26 1.26 0 0 0 1.79-1.66L33.08 3.38a1.29 1.29 0 0 0-2.16 0L9.27 40.86a1.26 1.26 0 0 0 1.79 1.66zM32 6.5l17.8 30.84-17.09-11.73a1.26 1.26 0 0 0-1.42 0L14.2 37.34z"
        />
        <path
            fill="url(#b)"
            d="M59.78 46.59a1.25 1.25 0 0 0-1.25 1.25v8.43H5.47v-8.43a1.25 1.25 0 0 0-2.5 0v9.68a1.25 1.25 0 0 0 1.25 1.25h55.56A1.25 1.25 0 0 0 61 57.52v-9.68a1.25 1.25 0 0 0-1.22-1.25z"
        />
    </g>
</svg>