Add icons to this collection by clicking the heart icon.
Next Button icon - also known as arrows, right, ui, fast forward, double arrow, and next button. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#cc2bed" />
<stop offset=".117" stop-color="#c631ed" />
<stop offset=".28" stop-color="#b443ed" />
<stop offset=".47" stop-color="#9661ec" />
<stop offset=".679" stop-color="#6e8aeb" />
<stop offset=".903" stop-color="#3abeea" />
<stop offset="1" stop-color="#21d7ea" />
</linearGradient>
<linearGradient
id="b"
x1="15"
x2="30"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="2"
x2="17"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="2"
x2="30"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M17.139 17.642c.533-.355.861-.973.861-1.642s-.328-1.287-.876-1.652L15 12.877V7c0-.37.21-.71.54-.89.32-.17.72-.14 1.03.07l13 9c.27.18.43.49.43.82s-.16.64-.43.82l-13 9c-.17.12-.37.18-.57.18-.16 0-.32-.04-.46-.11A1.02 1.02 0 0 1 15 25v-5.877z"
/>
<path
fill="url(#c)"
d="M2 7v18c0 .37.21.71.54.89.14.07.3.11.46.11.2 0 .4-.06.57-.18l13-9c.27-.18.43-.49.43-.82s-.16-.64-.43-.82l-13-9c-.31-.21-.71-.24-1.03-.07-.33.18-.54.52-.54.89z"
/>
<g fill="url(#d)">
<path
d="M17.139 17.642c.533-.355.861-.973.861-1.642s-.328-1.287-.876-1.652L15 12.877V7c0-.37.21-.71.54-.89.32-.17.72-.14 1.03.07l13 9c.27.18.43.49.43.82s-.16.64-.43.82l-13 9c-.17.12-.37.18-.57.18-.16 0-.32-.04-.46-.11A1.02 1.02 0 0 1 15 25v-5.877z"
/>
<path
d="M2 7v18c0 .37.21.71.54.89.14.07.3.11.46.11.2 0 .4-.06.57-.18l13-9c.27-.18.43-.49.43-.82s-.16-.64-.43-.82l-13-9c-.31-.21-.71-.24-1.03-.07-.33.18-.54.52-.54.89z"
/>
</g>
</svg>
More icons in the same style and category