Add icons to this collection by clicking the heart icon.
Online Video icon - also known as technology, video player, play button, video play, streaming, music and multimedia, and online video. Created in a clean flat gradient style with a maroon 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="512"
height="512"
viewBox="0 0 52 52"
>
<linearGradient id="a">
<stop offset=".404" stop-color="#ff4e61" />
<stop offset="1" stop-color="#c70a30" />
</linearGradient>
<linearGradient
id="c"
x1="24.997"
x2="24.997"
y1="3.025"
y2="44.906"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="54.677"
x2="-6.609"
y1="35.728"
y2="13.568"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="24.997"
x2="24.997"
y1="10.197"
y2="32.439"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#afd0db" />
</linearGradient>
<linearGradient id="b">
<stop offset=".569" stop-color="#55b4fb" />
<stop offset="1" stop-color="#0d81f3" />
</linearGradient>
<linearGradient
id="f"
x1="16.8"
x2="28.792"
y1="16.8"
y2="28.792"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="21.212"
x2="26.504"
y1="25.227"
y2="25.227"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#727272" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="h"
x1="34.758"
x2="19.182"
y1="34.758"
y2="19.182"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="i"
cx="319.97"
cy="410.182"
r="2.11"
gradientTransform="scale(1 -1) rotate(83.86 411.837 41.556)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<path
fill="#b9133b"
d="M49.922 14.432v25.144a6.08 6.08 0 0 1-6.08 6.08H10.51c-2.024 0-3.853-.717-5.12-2.315l-1.786-1.744.655-.574c-.308-1.246-.114-.291-.174-26.591a6.08 6.08 0 0 1 6.081-6.08c35.14.103 33.834-.265 35.555.296l.218-.71 2.343 2.341a6.056 6.056 0 0 1 1.64 4.153z"
/>
<path
fill="url(#c)"
d="M41.835 6.343H8.159a6.08 6.08 0 0 0-6.081 6.081v25.145a6.08 6.08 0 0 0 6.08 6.08h33.677a6.08 6.08 0 0 0 6.08-6.08V12.424a6.08 6.08 0 0 0-6.08-6.08z"
/>
<path
fill="url(#d)"
d="M47.915 37.57V12.423a6.08 6.08 0 0 0-6.08-6.08H8.159a6.08 6.08 0 0 0-6.081 6.08v25.145a6.08 6.08 0 0 0 5.713 6.069c.283.014.268.01.368.012-3.221-.107-5.93-2.589-5.938-6.076l.075-5.726.124-15.27.03-3.818c-.003-.327.022-.616.036-.916.519-3.173 2.778-4.94 5.355-5.07.323-.023 17.055.016 17.156.016 17.795-.03 16.857-.036 17.155-.015 2.509.127 4.825 1.83 5.354 5.07.035.723.264 25.629.265 25.73-.006 3.1-2.362 5.955-5.936 6.075.123 0 .244-.006.366-.012a6.08 6.08 0 0 0 5.714-6.069z"
/>
<path
fill="url(#e)"
d="M42.55 12.96c0-.69-.56-1.251-1.252-1.251H8.695c-.691 0-1.252.56-1.252 1.252v24.072c0 .691.56 1.251 1.252 1.251h32.603c.691 0 1.252-.56 1.252-1.251z"
/>
<path
fill="url(#f)"
d="M24.997 17.104a7.893 7.893 0 1 0 0 15.785 7.893 7.893 0 0 0 0-15.785z"
/>
<path
fill="url(#g)"
d="m28.529 24.634-4.717-3.18a.715.715 0 0 0-1.115.592v6.362c0 .573.64.914 1.115.593l4.717-3.18a.715.715 0 0 0 0-1.187z"
/>
<path
fill="url(#h)"
d="M17.32 24.997c.07-4.288 3.517-7.61 7.677-7.611 4.179-.001 7.61 3.348 7.676 7.61.046 4.206-3.294 7.757-7.676 7.893a7.893 7.893 0 1 0 0-15.785 7.893 7.893 0 0 0 0 15.785c-4.417-.138-7.722-3.723-7.676-7.892z"
/>
<path
fill="url(#i)"
d="m37.503 10.68-1.711-.377.792-.798-.947.604-.006-1.75-.379 1.71-.797-.792.604.947-1.752.006 1.711.378-.793.797.949-.604.005 1.752.379-1.71.797.791-.604-.947z"
/>
</svg>
More icons in the same style and category