Add icons to this collection by clicking the heart icon.
Video Play icon - also known as play, ui, video play, gallery, collection, video file, music and multimedia, and footage. 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="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 19.964 -19.964 0 21 17.385)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f05123" />
<stop offset="1" stop-color="#b21d00" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 1.309 14.444) scale(16.973)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#455a64" />
<stop offset="1" stop-color="#18313c" />
</linearGradient>
<linearGradient
id="d"
x1="15.753"
x2="22.5"
y1="26.236"
y2="26.236"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.986 25.514) scale(5.757)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(180 9 13.118) scale(4.794)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#453e64" />
<stop offset="1" stop-color="#1b143a" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M30.75 5.077A2.75 2.75 0 0 0 28 2.327H4a2.75 2.75 0 0 0-2.75 2.75v15.234A2.75 2.75 0 0 0 4 23.061h24a2.75 2.75 0 0 0 2.75-2.75z"
/>
<path
fill="url(#c)"
d="m20.557 11.129-6.381-3.191a1.751 1.751 0 0 0-2.533 1.565v6.382a1.752 1.752 0 0 0 2.533 1.565l6.381-3.191a1.75 1.75 0 0 0 0-3.13z"
/>
<path
fill="url(#d)"
d="M2 27.13h15.803a.75.75 0 0 0 0-1.5H2a.75.75 0 0 0 0 1.5z"
/>
<path
fill="url(#e)"
d="M21.03 27.13H30a.75.75 0 0 0 0-1.5h-8.97a.75.75 0 0 0 0 1.5z"
/>
<path
fill="url(#f)"
d="M17.053 25v2.76a.75.75 0 0 0 1.5 0V25a.75.75 0 0 0-1.5 0z"
/>
</g>
</svg>
More icons in the same style and category