Add icons to this collection by clicking the heart icon.
Video Player icon - also known as interface, movie, multimedia, video player, multimedia option, play button, and music and multimedia. 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="100"
height="100"
viewBox="0 0 490.667 490.667"
>
<linearGradient
id="a"
x1="-55.015"
x2="2.157"
y1="605.302"
y2="605.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M458.667 0H32C14.327 0 0 14.327 0 32v426.667c0 17.673 14.327 32 32 32h426.667c17.673 0 32-14.327 32-32V32c0-17.673-14.327-32-32-32zm10.666 32v53.333H192v-64h266.667c5.891 0 10.666 4.776 10.666 10.667zM32 21.333h138.667v64H21.333V32c0-5.891 4.776-10.667 10.667-10.667zM21.333 458.667v-352h64v362.667H32c-5.891-.001-10.667-4.776-10.667-10.667zm437.334 10.666h-352V106.667h362.667v352c-.001 5.891-4.776 10.666-10.667 10.666z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-55.015"
x2="2.157"
y1="623.302"
y2="623.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M42.667 42.667H64V64H42.667V42.667z" fill="url(#b)" />
<linearGradient
id="c"
x1="-55.015"
x2="2.157"
y1="623.302"
y2="623.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M85.333 42.667h21.333V64H85.333V42.667z" fill="url(#c)" />
<linearGradient
id="d"
x1="-55.015"
x2="2.157"
y1="623.302"
y2="623.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M128 42.667h21.333V64H128V42.667z" fill="url(#d)" />
<linearGradient
id="e"
x1="-55.015"
x2="2.157"
y1="603.302"
y2="603.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m325.333 257.408-74.667-42.667c-5.102-2.946-11.625-1.198-14.571 3.904a10.662 10.662 0 0 0-1.429 5.354v85.333c-.012 5.891 4.755 10.676 10.646 10.688 1.88.004 3.727-.489 5.354-1.429l74.667-42.667c5.113-2.925 6.887-9.442 3.962-14.555a10.673 10.673 0 0 0-3.962-3.961zM256 290.955v-48.576l42.496 24.288L256 290.955z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category