Add icons to this collection by clicking the heart icon.
Video icon - also known as camera, security, video, cctv, security system, electronics, surveillance, doorbell, video doorbell, and retinal scanner. 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="#230be0" />
<stop offset="1" stop-color="#dfa9ff" />
</linearGradient>
<linearGradient
id="d"
x1="46.08"
x2="486.356"
y1="465.92"
y2="25.644"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="256.001"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#513cec" />
<stop offset=".182" stop-color="#654cef" stop-opacity=".818" />
<stop offset=".557" stop-color="#9a74f6" stop-opacity=".443" />
<stop offset="1" stop-color="#dfa9ff" stop-opacity="0" />
</radialGradient>
<linearGradient
id="f"
x1="129.028"
x2="348.66"
y1="182.572"
y2="-37.06"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c066fd" />
<stop offset=".151" stop-color="#c36dfd" />
<stop offset=".379" stop-color="#cc82fd" />
<stop offset=".655" stop-color="#dba4fe" />
<stop offset=".966" stop-color="#efd2ff" />
<stop offset="1" stop-color="#f1d8ff" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#c066fd" />
<stop offset=".164" stop-color="#c572fd" />
<stop offset=".459" stop-color="#d291fe" />
<stop offset=".846" stop-color="#e8c2ff" />
<stop offset="1" stop-color="#f1d8ff" />
</linearGradient>
<linearGradient
id="g"
x1="129.162"
x2="406.227"
y1="281.422"
y2="4.357"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="85.254"
x2="385.648"
y1="326.371"
y2="25.977"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f1d8ff" />
<stop offset=".293" stop-color="#f7e9ff" />
<stop offset=".695" stop-color="#fdf9ff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="69.782"
x2="498.78"
y1="511.647"
y2="82.649"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="171.129"
x2="342.139"
y1="416.814"
y2="245.804"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dfa9ff" />
<stop offset=".484" stop-color="#e8c2ff" />
<stop offset="1" stop-color="#f1d8ff" />
</linearGradient>
<linearGradient
id="k"
x1="180.872"
x2="351.537"
y1="407.584"
y2="236.918"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="200.684"
x2="326.344"
y1="187.659"
y2="61.999"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="217.142"
x2="320.419"
y1="171.206"
y2="67.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="160.295"
x2="303.033"
y1="428.194"
y2="285.457"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dfa9ff" />
<stop offset=".26" stop-color="#e9c3ff" />
<stop offset=".75" stop-color="#f9eeff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M151 58.852c-8.278.6-15.201 7.875-15.442 16.148-1.272 45-2.07 90-2.393 135 15.283 9.712 30.615 19.666 45.972 29.756.094-60.914.715-121.828 1.862-182.742C171 57.524 161 58.137 151 58.852z"
/>
<path
fill="url(#g)"
d="M218.52 55.578c-12.507.319-25.013.798-37.52 1.436-8.278.428-15.15 7.64-15.331 16.006a8734.526 8734.526 0 0 0-1.795 136.477c30.601 19.787 61.38 40.353 92.126 60.853 40.995-20.5 82.034-41.117 122.835-60.35a6350.476 6350.476 0 0 0-.403-39.28C324.383 131.948 270.661 91.978 218.52 55.578z"
/>
<path
fill="url(#h)"
d="M378.432 170.72a6406.98 6406.98 0 0 0-1.99-95.72c-.24-8.273-7.163-15.548-15.442-16.148a1471.484 1471.484 0 0 0-142.48-3.274c7.488 23.46 20.52 45.501 39.166 64.367 33.008 33.436 77.146 50.22 120.746 50.775z"
/>
<path
fill="url(#i)"
d="M133.165 210a6403.483 6403.483 0 0 0 2.393 227c.24 8.273 7.164 15.549 15.442 16.148 70 5.002 140 5.002 210 0 8.276-.6 15.203-7.875 15.442-16.148a6403.483 6403.483 0 0 0 2.393-227 6562.191 6562.191 0 0 0-245.67 0z"
/>
<path
fill="url(#j)"
d="M256 239.6c-51.474.168-93.416 41.695-92.942 92.197.586 50.465 42.528 94.222 92.942 94.353 50.414-.131 92.355-43.888 92.942-94.353.474-50.503-41.468-92.029-92.942-92.197z"
/>
<path
fill="url(#k)"
d="M256 270.35c-34.53.053-62.523 27.811-62.302 62.04.255 34.213 28.247 62.973 62.302 63.01 34.054-.037 62.046-28.797 62.302-63.01.221-34.229-27.772-61.987-62.302-62.04z"
/>
<path
fill="url(#l)"
d="M256 85.85c-24.982.011-45.481 21.208-45.696 46.55-.202 25.357 20.297 45.674 45.696 45.7 25.4-.025 45.899-20.343 45.696-45.7-.216-25.342-20.714-46.539-45.696-46.55z"
/>
<path
fill="url(#m)"
d="M271.265 147.391c-25.32-.153-45.751-20.512-45.57-45.93.007-1.267.079-2.519.185-3.761-9.43 8.592-15.479 21.017-15.576 34.701-.202 25.357 20.297 45.674 45.696 45.7 24.131-.02 43.836-18.38 45.558-41.951-8.021 7.047-18.639 11.304-30.293 11.241z"
/>
<path
fill="url(#n)"
d="M271.265 364.609c-34.228.166-62.224-28.319-62.355-62.649a62.087 62.087 0 0 1 1.048-11.461c-10.185 11.043-16.358 25.704-16.26 41.892.255 34.213 28.247 62.973 62.302 63.01 30.191-.009 55.551-22.655 61.16-51.555-11.463 12.577-27.793 20.667-45.895 20.763z"
/>
</svg>
More icons in the same style and category