Add icons to this collection by clicking the heart icon.
Forward Button icon - also known as multimedia, ui, video player, music player, multimedia option, advance, fast forward, forward, and forward button. Created in a clean 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fedbb8" />
<stop offset="1" stop-color="#0f3ea4" />
</linearGradient>
<linearGradient
id="b"
x1="32.078"
x2="32.078"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="43.255"
x2="43.255"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="21.024"
x2="21.024"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="32.002"
x2="32.002"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="38.372"
x2="38.372"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="29.98"
x2="29.98"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="23.123"
x2="23.123"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="27.6"
x2="27.6"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M30.395 41.013c.76.438 1.591.657 2.418.657.815 0 1.628-.213 2.365-.64a2 2 0 0 0-2.004-3.462c-.336.195-.659.051-.781-.021-.125-.071-.413-.28-.413-.67a2 2 0 0 0-4 0c-.001 1.718.902 3.264 2.415 4.136zM29.979 29.186a2 2 0 0 0 2-2c0-.39.287-.597.41-.668s.448-.217.786-.021a2 2 0 1 0 2.001-3.463c-1.486-.858-3.275-.85-4.787.021-1.509.871-2.41 2.416-2.41 4.133a2 2 0 0 0 2 1.998z"
/>
<path
fill="url(#c)"
d="M41.567 31.34c.339.196.375.549.375.692s-.037.495-.375.69a1.999 1.999 0 0 0 1.003 3.732c.339 0 .684-.086.999-.269 1.486-.857 2.373-2.41 2.374-4.153 0-1.742-.886-3.296-2.373-4.156a2 2 0 1 0-2.003 3.464z"
/>
<path
fill="url(#d)"
d="M21.024 38.877a2 2 0 0 0 2-2v-9.691a2 2 0 0 0-4 0v9.691a2 2 0 0 0 2 2z"
/>
<path
fill="url(#e)"
d="M22.358 51.8a21.765 21.765 0 0 0 9.495 2.15c7.741 0 14.99-4.031 18.917-10.521a22.02 22.02 0 0 0 3.203-11.398c0-10.556-7.82-19.873-18.19-21.67a21.366 21.366 0 0 0-3.638-.312c-9.449 0-18.094 6.156-21.023 14.97C7.686 35.362 12.621 47.126 22.358 51.8zm-7.44-25.519c2.393-7.202 9.478-12.232 17.228-12.232.991 0 1.985.085 2.955.253 8.34 1.445 14.874 9.233 14.874 17.729 0 3.265-.908 6.49-2.625 9.328-3.207 5.299-9.145 8.591-15.496 8.591-2.724 0-5.336-.591-7.764-1.756-7.957-3.819-11.986-13.445-9.172-21.913z"
/>
<path
fill="url(#f)"
d="M34.178 41.299c.339 0 .683-.086.998-.268l8.393-4.845a2 2 0 1 0-2-3.464l-8.393 4.844a2 2 0 0 0 1.002 3.733z"
/>
<path
fill="url(#g)"
d="M29.979 38.877a2 2 0 0 0 2-2v-9.691a2 2 0 0 0-4 0v9.691a2 2 0 0 0 2 2z"
/>
<path
fill="url(#f)"
d="m33.176 26.496 8.393 4.845a2 2 0 1 0 2-3.463l-8.393-4.845a1.999 1.999 0 1 0-2 3.463z"
/>
<path
fill="url(#h)"
d="M21.439 41.013c.76.438 1.591.657 2.418.657.815 0 1.628-.213 2.365-.64a2 2 0 0 0-2.004-3.462c-.335.195-.659.051-.781-.021-.125-.071-.413-.28-.413-.67a2 2 0 0 0-4 0c0 1.718.903 3.264 2.415 4.136zM21.024 29.186a2 2 0 0 0 2-2c0-.39.287-.597.41-.668s.448-.217.786-.021a2 2 0 1 0 2.001-3.463c-1.486-.858-3.276-.85-4.787.021-1.509.871-2.41 2.416-2.41 4.133a2 2 0 0 0 2 1.998z"
/>
<g fill="url(#i)">
<path
d="M25.222 41.299c.339 0 .683-.086.998-.268l4.759-2.747a2 2 0 1 0-2-3.464l-4.759 2.747a2 2 0 0 0 1.002 3.732zM24.22 26.496l4.759 2.747a2 2 0 1 0 2-3.463l-4.759-2.747a1.999 1.999 0 1 0-2 3.463z"
/>
</g>
</svg>
More icons in the same style and category