Add icons to this collection by clicking the heart icon.
Video Player icon - also known as technology, computer, laptop, video player, streaming, and video stream. Created in a clean lineal color style with a white, silver, navy, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M47.05 353.955h375.899V94.116h-375.9Z" />
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(44 -266 -266 -44 220.073 469.655)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#c6d2ff" />
<stop offset=".082" stop-opacity="1" stop-color="#c6d2ff" />
<stop offset=".997" stop-opacity="1" stop-color="#ffdaed" />
<stop offset="1" stop-opacity="1" stop-color="#ffdaed" />
</linearGradient>
</defs>
<path
d="M352.317 435.677c-66.582-25.769-44.506-131.673-104.983-153.088-32.669-11.568-80.963 31.644-113.968 38.27C72.544 333.07 17.484 290.155 3.927 230.725c-13.832-60.63 8.352-141.61 74.967-158.066 79.349-19.602 120.683 51.729 187.249 72.21 26.711 8.219 54.592 5.634 82.023 3.049 42.72-4.027 84.352-8.053 118.791 28.728 28.795 30.753 44.999 82.89 45.043 130.773v.397c-.02 21.45-3.289 42.033-10.127 59.434-17.602 44.791-64.041 75.465-111.465 75.465-12.809 0-25.688-2.237-38.091-7.038"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#a)"
stroke="none"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#c)" opacity=".11">
<path
d="M0 0h-20.71v193.15c0 11.52-9.331 20.85-20.84 20.85H-309.4c-11.511 0-20.841-9.33-20.841-20.85V0h-20.707c-6.89 0-12.476-5.585-12.476-12.476V-23.94c0-12.091 9.798-21.898 21.898-21.898H-9.422c12.101 0 21.898 9.807 21.898 21.898v11.464C12.476-5.585 6.89 0 0 0"
transform="translate(410.473 139.955)"
fill="#241abf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0c-3.75-3.75-9.83-3.75-13.581 0-3.75 3.75-3.75 9.831 0 13.581 3.751 3.75 9.831 3.75 13.581 0S3.75 3.75 0 0Z"
transform="translate(301 416.141)"
fill="none"
stroke="#00eda3"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-16.5"
transform="translate(345.975 411.079)"
fill="none"
stroke="#ff7cb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.5"
transform="translate(354.225 402.829)"
fill="none"
stroke="#ff7cb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-16.5"
transform="translate(68.05 352.789)"
fill="none"
stroke="#8296ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.5"
transform="translate(76.3 344.539)"
fill="none"
stroke="#8296ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-3.75-3.75-9.83-3.75-13.581 0a9.603 9.603 0 0 0 0 13.58c3.751 3.75 9.831 3.75 13.581 0A9.603 9.603 0 0 0 0 0Z"
transform="translate(222.867 78.202)"
fill="none"
stroke="#00eda3"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-3.75-3.75-9.83-3.75-13.581 0-3.75 3.75-3.75 9.83 0 13.581 3.751 3.75 9.831 3.75 13.581 0C3.75 9.83 3.75 3.75 0 0Z"
transform="translate(57 187.789)"
fill="none"
stroke="#ff7cb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-208.93c0-2.76-2.24-5-5-5h-304.53V0c0 11.52 9.33 20.85 20.84 20.85h267.85C-9.33 20.85 0 11.52 0 0"
transform="translate(410.763 354.105)"
fill="#b6c4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M101.231 185.802h309.537V324.82H101.231Z"
fill="#637fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-40.63c0-2.76-2.24-5-5-5h-304.53V0Z"
transform="translate(410.763 185.803)"
fill="#00eda3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h309.529"
transform="translate(101.235 185.802)"
fill="none"
stroke="#241abf"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-125.146h304.537a5 5 0 0 1 5 5V88.789c0 11.512-9.332 20.845-20.845 20.845H20.845C9.333 109.634 0 100.301 0 88.789V28.1"
transform="translate(101.23 265.317)"
fill="none"
stroke="#241abf"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-11.465c0-12.09-9.797-21.898-21.897-21.898h-332.104c-12.101 0-21.898 9.808-21.898 21.898V0c0 6.89 5.586 12.476 12.476 12.476h107.067a5 5 0 0 0 4.415-2.655l6.56-12.347a5.002 5.002 0 0 1 4.416-2.654h106.031a5 5 0 0 1 4.416 2.654l6.56 12.347a5 5 0 0 0 4.416 2.655h107.066C-5.585 12.476 0 6.89 0 0"
transform="translate(443.949 148.479)"
fill="#93ffd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.47c0-12.09-9.8-21.9-21.9-21.9h-14.72c12.1 0 21.9 9.81 21.9 21.9V0c0 6.89-5.59 12.47-12.48 12.47h14.72C-5.59 12.47 0 6.89 0 0"
transform="translate(443.95 148.483)"
fill="#dbfdee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h58.639c12.1 0 21.897 9.808 21.897 21.898v11.465c0 6.89-5.585 12.475-12.475 12.475H-39.006a5 5 0 0 1-4.416-2.654l-6.56-12.347a5 5 0 0 0-4.415-2.654h-106.032a5.002 5.002 0 0 0-4.416 2.654l-6.56 12.347a5 5 0 0 1-4.415 2.654h-107.067c-6.89 0-12.476-5.585-12.476-12.476V21.898c0-12.09 9.797-21.898 21.898-21.898H-28.1"
transform="translate(363.413 115.116)"
fill="none"
stroke="#241abf"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h17.341"
transform="translate(247.329 164.836)"
fill="none"
stroke="#241abf"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-43.333a5 5 0 0 0-5 5v13.118H5V5a5 5 0 0 0-5-5"
transform="translate(149.65 142.836)"
fill="#ff7cb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-43.333a5 5 0 0 0-5 5v13.118H5V5a5 5 0 0 0-5-5"
transform="translate(405.558 142.836)"
fill="#ff7cb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-43.333a5 5 0 0 0-5 5v13.118H5V5a5 5 0 0 0-5-5Z"
transform="translate(149.65 142.836)"
fill="none"
stroke="#241abf"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-43.333a5 5 0 0 0-5 5v13.118H5V5a5 5 0 0 0-5-5Z"
transform="translate(405.558 142.836)"
fill="none"
stroke="#241abf"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a5 5 0 0 1 5-5h235.875a5 5 0 0 1 0 10H5a5 5 0 0 1-5-5"
transform="translate(133.063 213.813)"
fill="#ffa7cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-69.438a5 5 0 0 1 0-10H0A5 5 0 0 1 0 0"
transform="translate(207.5 329.82)"
fill="#ff7cb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.437a5 5 0 1 1 0-10H0A5 5 0 0 1 0 0"
transform="translate(156.5 312.89)"
fill="#ffa7cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-74.438a5 5 0 0 1 0-10H0Z"
transform="translate(212.5 218.813)"
fill="#ff7cb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.414-5.2-11.613-11.613-11.613-6.414 0-11.614 5.199-11.614 11.613s5.2 11.613 11.614 11.613C-5.2 11.613 0 6.414 0 0Z"
transform="translate(371.554 336.563)"
fill="none"
stroke="#ff7cb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 6.414 5.199 11.613 11.613 11.613S23.227 6.414 23.227 0"
transform="translate(348.327 313.337)"
fill="none"
stroke="#ff7cb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-34.201c0-4.146 4.485-6.74 8.079-4.674l29.742 17.101c3.605 2.072 3.605 7.274 0 9.348L8.079 4.674C4.485 6.741 0 4.146 0 0"
transform="translate(234.778 287.634)"
fill="#ffdaed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.59 5.59 0 1 0-11.18 0A5.59 5.59 0 0 0 0 0"
transform="translate(144.242 343.256)"
fill="#ff7cb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.59 5.59 0 1 0-11.18 0A5.59 5.59 0 0 0 0 0"
transform="translate(161.152 343.256)"
fill="#ff7cb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.59 5.59 0 1 0-11.18 0A5.59 5.59 0 0 0 0 0"
transform="translate(178.063 343.256)"
fill="#ff7cb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category