Add icons to this collection by clicking the heart icon.
Forward Button icon - also known as interface, ui, and forward button. Created in a clean flat gradient style with a maroon finish, 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 52 52"
>
<linearGradient id="a">
<stop offset=".404" stop-color="#ff4e61" />
<stop offset="1" stop-color="#c70a30" />
</linearGradient>
<linearGradient
id="b"
x1="24.861"
x2="24.861"
y1="44.928"
y2="12.735"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="24.861"
x2="24.861"
y1="7.137"
y2="50.102"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="26.58"
x2="26.58"
y1="13.87"
y2="32.984"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#727272" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="e"
x1="2"
x2="47.721"
y1="24.86"
y2="24.86"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="6.575"
x2="43.145"
y1="24.862"
y2="24.862"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="132.881"
cy="204.641"
r="4.889"
gradientTransform="scale(1 -1) rotate(83.86 204.013 41.507)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<path
fill="#b9133b"
d="m43.305 10.975-2.28-2.28-1.397 1.396C21.195 3.038 3.028 21.17 10.091 39.63l-1.396 1.396 2.28 2.281c8.926 8.926 23.4 8.926 32.33-.003 8.927-8.927 8.927-23.401 0-32.328z"
/>
<path
fill="url(#b)"
d="M41.026 8.695c-8.928-8.927-23.402-8.927-32.33 0-8.927 8.928-8.927 23.403 0 32.33s23.402 8.928 32.33 0c8.928-8.927 8.928-23.402 0-32.33z"
/>
<path
fill="url(#c)"
d="M24.86 6.577c-10.098 0-18.285 8.186-18.285 18.285s8.187 18.285 18.285 18.285c10.1 0 18.286-8.187 18.286-18.285 0-10.099-8.187-18.285-18.286-18.285z"
/>
<path
fill="url(#d)"
d="m36.565 24.204-9.47-7.222c-.987-.753-2.41-.049-2.41 1.192v3.59l-6.271-4.782c-.988-.753-2.41-.049-2.41 1.192v14.444c0 1.241 1.422 1.945 2.41 1.192l6.272-4.782v3.59c0 1.241 1.422 1.945 2.409 1.192l9.47-7.221a1.5 1.5 0 0 0 0-2.385z"
/>
<path
fill="url(#e)"
d="M24.86 47.4a22.479 22.479 0 0 1-15.809-6.73c-4.009-4.117-6.46-9.71-6.432-15.81.032-5.829 2.287-11.445 6.539-15.703 4.132-4.13 9.694-6.502 15.703-6.54C30.828 2.59 36.465 4.95 40.67 9.05c4.254 4.184 6.654 9.822 6.732 15.811.095 6.01-2.2 11.77-6.377 16.164 8.927-8.928 8.927-23.401 0-32.329-8.928-8.927-23.403-8.927-32.33 0-8.928 8.928-8.928 23.403 0 32.33 8.927 8.928 23.4 8.928 32.328.001a23.428 23.428 0 0 1-7.482 4.794 22.688 22.688 0 0 1-8.681 1.58z"
/>
<path
fill="url(#f)"
d="M7.078 24.862c.16-9.873 8.089-17.629 17.782-17.632 2.31 0 4.618.448 6.753 1.33a17.888 17.888 0 0 1 5.74 3.809c3.325 3.285 5.217 7.754 5.292 12.493.105 9.668-7.558 17.966-17.784 18.285 10.098 0 18.284-8.187 18.284-18.285 0-10.099-8.187-18.285-18.285-18.285S6.575 14.763 6.575 24.862c0 10.098 8.186 18.284 18.284 18.285-10.18-.32-17.888-8.579-17.781-18.285z"
/>
<path
fill="url(#g)"
d="m39.013 12.335-3.965-.875 1.836-1.848-2.195 1.4-.014-4.058-.876 3.962-1.848-1.834 1.4 2.196-4.06.013 3.965.875-1.837 1.848 2.197-1.4.012 4.058.878-3.963 1.847 1.835-1.4-2.195z"
/>
</svg>
More icons in the same style and category