Add icons to this collection by clicking the heart icon.
Videoplayer icon - also known as video, ui, play button, videoplayer, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#78b8ea" />
<stop offset=".186" stop-color="#68aae4" />
<stop offset=".552" stop-color="#3d85d4" />
<stop offset="1" stop-color="#0051be" />
</linearGradient>
<linearGradient
id="b"
x1="-62.972"
x2="576.347"
y1="256.51"
y2="255.488"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-63.048"
x2="576.271"
y1="209.238"
y2="208.217"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-63.19"
x2="576.129"
y1="120.216"
y2="119.195"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-63.037"
x2="576.283"
y1="216.216"
y2="215.194"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-62.883"
x2="576.436"
y1="312.216"
y2="311.194"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-63.189"
x2="576.13"
y1="120.804"
y2="119.783"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-63.036"
x2="576.284"
y1="216.804"
y2="215.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-62.882"
x2="576.437"
y1="312.803"
y2="311.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M504 48H8a8 8 0 0 0-8 8v400a8 8 0 0 0 8 8h496a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8zm-8 16v304H383.978c-16.049-21.33-47.909-21.328-63.956 0H16V64zm0 336H391.195a40.148 40.148 0 0 0 0-16H496zM16 384h296.805a40.148 40.148 0 0 0 0 16H16zm312 8c0-13.233 10.767-24 24-24s24 10.767 24 24-10.767 24-24 24-24-10.767-24-24zM16 448v-32h304.022c16.049 21.33 47.909 21.328 63.956 0H496v32z"
/>
<path
fill="url(#c)"
d="m212.025 294.913 136-79.196c5.285-3.077 5.301-10.74 0-13.826l-136-79.196c-5.32-3.1-12.025.745-12.025 6.913V288c0 6.15 6.688 10.024 12.025 6.913zM216 143.524l112.103 65.28L216 274.084z"
/>
<path
fill="url(#d)"
d="M40 160h64a8 8 0 0 0 8-8V88a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48H48z"
/>
<path
fill="url(#e)"
d="M40 256h64a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48H48z"
/>
<path
fill="url(#f)"
d="M40 352h64a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48H48z"
/>
<path
fill="url(#g)"
d="M408 160h64a8 8 0 0 0 8-8V88a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48h-48z"
/>
<path
fill="url(#h)"
d="M408 256h64a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48h-48z"
/>
<path
fill="url(#i)"
d="M408 352h64a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48h-48z"
/>
</svg>
More icons in the same style and category