Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="36.17"
        x2="53.25"
        y1="32"
        y2="32"
        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="10.75" x2="27.83" y1="32" y2="32" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M52.85 46.45a1.25 1.25 0 0 0-1.56-.11L46 50V4a1.25 1.25 0 1 0-2.5 0v46l-5.33-3.65A1.25 1.25 0 0 0 36.34 48l7.29 12.63a1.26 1.26 0 0 0 2.16 0L53.08 48a1.25 1.25 0 0 0-.23-1.55zm-8.14 11-3.45-6c4.16 2.78 2.76 2.77 6.9 0z"
        />
        <path
            fill="url(#b)"
            d="M11.15 17.54a1.24 1.24 0 0 0 1.56.11L18 14v46a1.25 1.25 0 0 0 2.5 0V14l5.33 3.65a1.24 1.24 0 0 0 1.56-.11 1.26 1.26 0 0 0 .27-1.54L20.37 3.37a1.26 1.26 0 0 0-2.16 0L10.92 16a1.24 1.24 0 0 0 .23 1.54zm8.14-11 3.45 6c-4.16-2.78-2.76-2.77-6.9 0z"
        />
    </g>
</svg>