Forward Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="32"
        x2="32"
        y1="62.885"
        y2="5.764"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="24.5"
        x2="24.5"
        y1="62.885"
        y2="5.764"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="44.5"
        x2="44.5"
        y1="62.885"
        y2="5.764"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M57 62H7a5.006 5.006 0 0 1-5-5V7a5.006 5.006 0 0 1 5-5h50a5.006 5.006 0 0 1 5 5v50a5.006 5.006 0 0 1-5 5zM7 4a3 3 0 0 0-3 3v50a3 3 0 0 0 3 3h50a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3z"
    />
    <path
        fill="url(#b)"
        d="M16 48a1 1 0 0 1-1-1V17a1 1 0 0 1 1.661-.75l17 15a1 1 0 0 1 0 1.5l-17 15A1 1 0 0 1 16 48zm1-28.784v25.568L31.488 32z"
    />
    <path
        fill="url(#c)"
        d="M36 48a1 1 0 0 1-1-1V17a1 1 0 0 1 1.661-.75l17 15a1 1 0 0 1 0 1.5l-17 15A1 1 0 0 1 36 48zm1-28.784v25.568L51.488 32z"
    />
</svg>