Add icons to this collection by clicking the heart icon.
Next Button icon - also known as direction, orientation, ui, back, left arrows, skip, 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="8.675"
x2="17.47"
y1="21.925"
y2="6.693"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="15"
x2="30"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="13.55"
x2="25.595"
y1="24.739"
y2="3.878"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M14.861 17.642C14.328 17.287 14 16.669 14 16s.328-1.287.876-1.652L17 12.877V7c0-.37-.21-.71-.54-.89-.32-.17-.72-.14-1.03.07l-13 9c-.27.18-.43.49-.43.82s.16.64.43.82l13 9c.17.12.37.18.57.18.16 0 .32-.04.46-.11.33-.18.54-.52.54-.89v-5.877z"
/>
<path
fill="url(#c)"
d="M30 7v18c0 .37-.21.71-.54.89-.14.07-.3.11-.46.11-.2 0-.4-.06-.57-.18l-13-9c-.27-.18-.43-.49-.43-.82s.16-.64.43-.82l13-9c.31-.21.71-.24 1.03-.07.33.18.54.52.54.89z"
/>
<g fill="url(#d)">
<path
d="M14.861 17.642C14.328 17.287 14 16.669 14 16s.328-1.287.876-1.652L17 12.877V7c0-.37-.21-.71-.54-.89-.32-.17-.72-.14-1.03.07l-13 9c-.27.18-.43.49-.43.82s.16.64.43.82l13 9c.17.12.37.18.57.18.16 0 .32-.04.46-.11.33-.18.54-.52.54-.89v-5.877z"
/>
<path
d="M30 7v18c0 .37-.21.71-.54.89-.14.07-.3.11-.46.11-.2 0-.4-.06-.57-.18l-13-9c-.27-.18-.43-.49-.43-.82s.16-.64.43-.82l13-9c.31-.21.71-.24 1.03-.07.33.18.54.52.54.89z"
/>
</g>
</svg>
More icons in the same style and category