Add icons to this collection by clicking the heart icon.
Webcam icon - also known as technology, computer, cam, videocall, electronics, webcam, videocam, and video chat. Created in a clean lineal color style with a white, silver, gray, black, and teal 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="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-1.8-25.79-6.261-89.74C-8.59-123.12-14.9-129-22.5-129c-3.8 0-7.28 1.47-9.87 3.89a14.442 14.442 0 0 0-4.569 9.58L-43.2-25.79-45 0Z"
transform="translate(278.5 159.08)"
fill="#7da2b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h45l-1.8-25.79c-6.78-.87-13.69-1.31-20.7-1.31s-13.92.44-20.7 1.31z"
transform="translate(233.5 159.08)"
fill="#688d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-8.061-115.53C-8.59-123.12-14.9-129-22.5-129c-3.17 0-6.11 1.02-8.5 2.76 3.35 2.44 5.63 6.28 5.939 10.71L-17 0Z"
transform="translate(278.5 159.08)"
fill="#688d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h45l-8.061-115.532C36.41-123.117 30.104-129 22.5-129s-13.91 5.883-14.439 13.468z"
transform="translate(233.5 159.078)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 39.172-111.258 70.927-248.5 70.927C-385.743 70.927-497 39.172-497 0v-277.451c0 39.17 111.26 70.92 248.5 70.92S0-238.281 0-277.451z"
transform="translate(504.5 410.995)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-277.45c0 9.25-6.21 18.09-17.5 26.19V15c0 5.07-1.86 10.01-5.41 14.78C-8.21 20.73 0 10.64 0 0"
transform="translate(504.5 410.995)"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-66.41-12.731-110.115-34.367-110.115-58.917v-277.451c0 39.17 111.26 70.92 248.5 70.92s248.5-31.75 248.5-70.92v277.451c0 39.172-111.258 70.927-248.5 70.927-37.01 0-72.123-2.314-103.682-6.454"
transform="translate(117.615 469.912)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-253.227c0-8.472 9.883-13.104 16.401-7.691 8.701 7.226 13.425 14.98 13.425 23.048V39.581c0-11.1-8.942-21.602-24.876-30.956A10.01 10.01 0 0 1 0 0"
transform="translate(474.674 371.414)"
fill="#20b69f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-277.45c0-8.07-4.72-15.82-13.43-23.05-1.65-1.37-3.51-2.1-5.38-2.28.87 2.41 1.31 4.85 1.31 7.33v269.27C-6.21-18.08 0-9.25 0 0"
transform="translate(504.5 410.995)"
fill="#17998c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-253.227c0-8.472-9.883-13.104-16.401-7.691-8.701 7.226-13.425 14.98-13.425 23.048V39.581c0-11.1 8.942-21.602 24.876-30.956A10.01 10.01 0 0 0 0 0"
transform="translate(37.326 371.414)"
fill="#20b69f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-253.227c0-8.472 9.883-13.104 16.401-7.691 8.701 7.226 13.425 14.98 13.425 23.048V39.581c0-11.1-8.942-21.602-24.876-30.956A10.01 10.01 0 0 1 0 0Z"
transform="translate(474.674 371.414)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-253.227c0-8.472-9.883-13.104-16.401-7.691-8.701 7.226-13.425 14.98-13.425 23.048V39.581c0-11.1 8.942-21.602 24.876-30.956A10.01 10.01 0 0 0 0 0Z"
transform="translate(37.326 371.414)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 41.233 18.022L80.12-91.067c2.553-7.162-.87-15.078-7.837-18.123-6.967-3.045-15.102-.181-18.625 6.556z"
transform="translate(337.597 212.32)"
fill="#7da2b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a164.427 164.427 0 0 0-29.26-31.61l-22.381 42.8 41.231 18.02z"
transform="translate(389.24 201.13)"
fill="#688d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.88-.82-3.85-1.22-5.79-1.22-1.35 0-2.689.19-3.97.56a14.47 14.47 0 0 1 3.111 14.78l-38.17 107.07 13.769 6.02L7.84 18.12C10.39 10.96 6.97 3.05 0 0"
transform="translate(409.88 103.13)"
fill="#688d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.88-.82-3.85-1.22-5.79-1.22-5.24 0-10.26 2.86-12.83 7.781L-49.899 66.39l-22.381 42.8 41.23 18.02L-20.64 98 7.84 18.12C10.39 10.96 6.97 3.05 0 0Z"
transform="translate(409.88 103.13)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-22.381-42.801-31.279-59.829a14.466 14.466 0 0 0-12.83-7.78c-1.941 0-3.91.399-5.79 1.22-6.97 3.049-10.39 10.96-7.84 18.12l28.479 79.88 10.411 29.21z"
transform="translate(174.4 212.32)"
fill="#7da2b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 41.23-18.02-22.38-42.8a164.427 164.427 0 0 0-29.26 31.61z"
transform="translate(133.17 230.34)"
fill="#688d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-53.66-102.63a14.466 14.466 0 0 0-12.83-7.78c-1.941 0-3.91.399-5.79 1.22a14.434 14.434 0 0 0-6.21 5.179c4.87.341 9.42 3.141 11.83 7.74L-13.29 5.81Z"
transform="translate(174.4 212.32)"
fill="#688d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 28.863 55.207L-12.37 73.23-51.257-35.86c-2.553-7.161.87-15.078 7.837-18.123 6.967-3.045 15.103-.181 18.625 6.556l8.399 16.067"
transform="translate(145.54 157.113)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-81.776-66.293-148.068-148.069-148.068-81.777 0-148.07 66.292-148.07 148.068 0 81.776 66.293 148.069 148.07 148.069C-66.293 148.069 0 81.776 0 0"
transform="translate(404.07 295.045)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-81.78-66.29-148.069-148.07-148.069-3.281 0-6.531.109-9.75.319C-80.59-142.729-19.5-78.5-19.5 0c0 78.49-61.09 142.72-138.32 147.74 3.219.21 6.469.321 9.75.321C-66.29 148.061 0 81.771 0 0"
transform="translate(404.07 295.05)"
fill="#cbe5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-31.53c0-27.06-21.939-49-49-49s-49 21.94-49 49V0c15.34 5.38 31.83 8.3 49 8.3S-15.34 5.38 0 0"
transform="translate(305 434.815)"
fill="#64e0c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-31.53c0-27.06-21.939-49-49-49-3.34 0-6.6.33-9.75.979C-36.36-75.04-19.5-55.25-19.5-31.53V5.35C-12.83 4.01-6.32 2.22 0 0"
transform="translate(305 434.82)"
fill="#27d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-31.53c0-27.06-21.939-49-49-49s-49 21.94-49 49V0"
transform="translate(305 434.815)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-24.968 19.19-56.221 30.607-90.146 30.607-81.776 0-148.069-66.293-148.069-148.069 0-81.776 66.293-148.068 148.069-148.068 81.777 0 148.07 66.292 148.07 148.068 0 35.096-12.218 67.332-32.622 92.708"
transform="translate(346.146 412.507)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-30.511-24.734-55.245-55.245-55.245-30.511 0-55.245 24.734-55.245 55.245 0 30.511 24.734 55.245 55.245 55.245C-24.734 55.245 0 30.511 0 0"
transform="translate(311.245 262.455)"
fill="#a9d3d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-30.51-24.73-55.24-55.24-55.24-2.6 0-5.16.18-7.67.53C-36.021-50.979-15.33-27.91-15.33 0s-20.691 50.98-47.58 54.71c2.51.351 5.07.53 7.67.53C-24.73 55.24 0 30.51 0 0"
transform="translate(311.24 262.455)"
fill="#90bac4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-30.511-24.734-55.245-55.245-55.245-30.511 0-55.245 24.734-55.245 55.245 0 30.511 24.734 55.245 55.245 55.245C-24.734 55.245 0 30.511 0 0Z"
transform="translate(311.245 262.455)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.645-11.061-24.705-24.705-24.705C-38.35-24.705-49.41-13.645-49.41 0c0 13.645 11.06 24.705 24.705 24.705C-11.061 24.705 0 13.645 0 0"
transform="translate(280.705 262.455)"
fill="#20b69f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.64-11.061-24.7-24.7-24.7-2.68 0-5.26.43-7.67 1.221C-22.48-20.26-15.33-10.97-15.33 0c0 10.97-7.15 20.26-17.04 23.48 2.41.791 4.99 1.22 7.67 1.22C-11.061 24.7 0 13.64 0 0"
transform="translate(280.7 262.455)"
fill="#17998c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.645-11.061-24.705-24.705-24.705C-38.35-24.705-49.41-13.645-49.41 0c0 13.645 11.06 24.705 24.705 24.705C-11.061 24.705 0 13.645 0 0Z"
transform="translate(280.705 262.455)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-27.729"
transform="translate(233.5 438.441)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category