Add icons to this collection by clicking the heart icon.
Video Player icon - also known as interface, movie, multimedia, ui, video player, multimedia option, and play button. Created in a clean blue style with a white and silver 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="100"
height="100"
viewBox="0 0 512 512"
>
<path d="M293.236 335.127h204.8v167.564h-204.8z" fill="#7facfa" />
<path d="M4.655 335.127h204.8v167.564H4.655z" fill="#ececec" />
<path
d="M41.891 335.127h428.218v167.564H41.891zM293.236 9.309h204.8v325.818h-204.8z"
fill="#a4c2f7"
/>
<path d="M13.964 9.309h204.8v325.818h-204.8z" fill="#fff" />
<linearGradient
id="a"
x1="-48.826"
x2="-47.945"
y1="652.652"
y2="651.495"
gradientTransform="matrix(428.2182 0 0 -325.8182 20975.586 212629.578)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path d="M41.891 9.309h428.218v325.818H41.891z" fill="url(#a)" />
<path d="M209.455 232.727V102.4l102.4 65.164z" fill="#7facfa" />
<path
d="m274.618 167.564-68.395-43.524c.174 3.072.461 6.148.567 9.217 5.325 24.136.619 55.204-1.677 78.537l69.505-44.23z"
fill="#a4c2f7"
/>
<path
d="M209.455 242.036a9.3 9.3 0 0 1-9.309-9.309V102.4a9.306 9.306 0 0 1 14.309-7.854l102.4 65.164a9.313 9.313 0 0 1 0 15.71l-102.4 65.164a9.386 9.386 0 0 1-5 1.452zm9.309-122.681v96.418l75.755-48.209-75.755-48.209z"
fill="#428dff"
/>
<path
d="M498.036 344.436H13.964a9.306 9.306 0 0 1-9.309-9.309V9.309A9.306 9.306 0 0 1 13.964 0h484.073a9.306 9.306 0 0 1 9.309 9.309v325.818a9.306 9.306 0 0 1-9.31 9.309zM23.273 325.818h465.455v-307.2H23.273v307.2zM442.182 428.218H162.909a9.31 9.31 0 0 1 0-18.618h279.273a9.31 9.31 0 0 1 0 18.618z"
fill="#428dff"
/>
<path
d="M209.455 456.145a9.306 9.306 0 0 1-9.309-9.309v-55.855a9.31 9.31 0 0 1 18.618 0v55.855a9.306 9.306 0 0 1-9.309 9.309zM69.818 456.145a9.306 9.306 0 0 1-9.309-9.309v-55.855a9.31 9.31 0 0 1 18.618 0v55.855a9.306 9.306 0 0 1-9.309 9.309zM107.055 456.145a9.306 9.306 0 0 1-9.309-9.309v-55.855a9.31 9.31 0 0 1 18.618 0v55.855a9.306 9.306 0 0 1-9.309 9.309z"
fill="#428dff"
/>
<path
d="M498.036 512H13.964a9.306 9.306 0 0 1-9.309-9.309V335.127a9.306 9.306 0 0 1 9.309-9.309h484.073a9.306 9.306 0 0 1 9.309 9.309v167.564a9.306 9.306 0 0 1-9.31 9.309zM23.273 493.382h465.455V344.436H23.273v148.946z"
fill="#428dff"
/>
</svg>
More icons in the same style and category