Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 16 16"
>
    <linearGradient
        id="a"
        x1="2.698"
        x2="13.303"
        y1="2.698"
        y2="13.303"
        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="M8 .5A7.5 7.5 0 1 0 15.5 8 7.503 7.503 0 0 0 8 .5zm4.13 6.65L9 11a1.25 1.25 0 0 1-2 0L3.87 7.15a1.77 1.77 0 0 1-.2-1.84 1.324 1.324 0 0 1 1.2-.81h6.26a1.324 1.324 0 0 1 1.2.81 1.77 1.77 0 0 1-.2 1.84z"
    />
</svg>