webcam icon
webcam-bold-duotone from Solar by 480 Design · Bold Duotone · Video · CC-BY-4.0 Attribution required.
- Name
- webcam-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Video
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More video icons from Solar
album-boldcamera-add-boldcamera-boldcamera-minimalistic-boldcamera-off-boldcamera-rotate-boldcamera-square-boldclapperboard-boldclapperboard-edit-boldclapperboard-open-boldclapperboard-open-play-boldclapperboard-play-boldclapperboard-text-boldfull-screen-boldfull-screen-circle-boldfull-screen-square-boldgallery-add-boldgallery-boldgallery-check-boldgallery-circle-boldgallery-download-boldgallery-edit-boldgallery-favorite-boldgallery-minimalistic-bold
Use the webcam icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 3.75098C12.4142 3.75098 12.75 4.08676 12.75 4.50098C12.75 4.91519 12.4142 5.25098 12 5.25098C11.5858 5.25098 11.25 4.91519 11.25 4.50098C11.25 4.08676 11.5858 3.75098 12 3.75098Z"/><path d="M14.25 10C14.25 8.75736 13.2426 7.75 12 7.75C10.7574 7.75 9.75 8.75736 9.75 10C9.75 11.2426 10.7574 12.25 12 12.25C13.2426 12.25 14.25 11.2426 14.25 10ZM15.75 10C15.75 12.0711 14.0711 13.75 12 13.75C9.92893 13.75 8.25 12.0711 8.25 10C8.25 7.92893 9.92893 6.25 12 6.25C14.0711 6.25 15.75 7.92893 15.75 10Z"/><path d="M11.9348 2.00026C16.3528 2.03592 19.9634 5.64578 19.9993 10.0637C20.0331 14.2516 16.8426 17.6591 12.7473 17.9729C12.7477 17.9827 12.7493 17.9924 12.7493 18.0022V21.2493H15.9993C16.4134 21.2493 16.7491 21.5852 16.7493 21.9993C16.7493 22.4135 16.4135 22.7493 15.9993 22.7493H7.99929C7.5852 22.7491 7.24929 22.4134 7.24929 21.9993C7.24943 21.5853 7.58529 21.2494 7.99929 21.2493H11.2493V18.0022C11.2493 17.9852 11.2501 17.9682 11.2512 17.9514C7.21148 17.5117 4.0337 14.0787 4.00026 9.93483C3.9647 5.51683 7.51683 1.9647 11.9348 2.00026Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarWebcamBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 3.75098C12.4142 3.75098 12.75 4.08676 12.75 4.50098C12.75 4.91519 12.4142 5.25098 12 5.25098C11.5858 5.25098 11.25 4.91519 11.25 4.50098C11.25 4.08676 11.5858 3.75098 12 3.75098Z"/><path d="M14.25 10C14.25 8.75736 13.2426 7.75 12 7.75C10.7574 7.75 9.75 8.75736 9.75 10C9.75 11.2426 10.7574 12.25 12 12.25C13.2426 12.25 14.25 11.2426 14.25 10ZM15.75 10C15.75 12.0711 14.0711 13.75 12 13.75C9.92893 13.75 8.25 12.0711 8.25 10C8.25 7.92893 9.92893 6.25 12 6.25C14.0711 6.25 15.75 7.92893 15.75 10Z"/><path d="M11.9348 2.00026C16.3528 2.03592 19.9634 5.64578 19.9993 10.0637C20.0331 14.2516 16.8426 17.6591 12.7473 17.9729C12.7477 17.9827 12.7493 17.9924 12.7493 18.0022V21.2493H15.9993C16.4134 21.2493 16.7491 21.5852 16.7493 21.9993C16.7493 22.4135 16.4135 22.7493 15.9993 22.7493H7.99929C7.5852 22.7491 7.24929 22.4134 7.24929 21.9993C7.24943 21.5853 7.58529 21.2494 7.99929 21.2493H11.2493V18.0022C11.2493 17.9852 11.2501 17.9682 11.2512 17.9514C7.21148 17.5117 4.0337 14.0787 4.00026 9.93483C3.9647 5.51683 7.51683 1.9647 11.9348 2.00026Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 3.75098C12.4142 3.75098 12.75 4.08676 12.75 4.50098C12.75 4.91519 12.4142 5.25098 12 5.25098C11.5858 5.25098 11.25 4.91519 11.25 4.50098C11.25 4.08676 11.5858 3.75098 12 3.75098Z"/><path d="M14.25 10C14.25 8.75736 13.2426 7.75 12 7.75C10.7574 7.75 9.75 8.75736 9.75 10C9.75 11.2426 10.7574 12.25 12 12.25C13.2426 12.25 14.25 11.2426 14.25 10ZM15.75 10C15.75 12.0711 14.0711 13.75 12 13.75C9.92893 13.75 8.25 12.0711 8.25 10C8.25 7.92893 9.92893 6.25 12 6.25C14.0711 6.25 15.75 7.92893 15.75 10Z"/><path d="M11.9348 2.00026C16.3528 2.03592 19.9634 5.64578 19.9993 10.0637C20.0331 14.2516 16.8426 17.6591 12.7473 17.9729C12.7477 17.9827 12.7493 17.9924 12.7493 18.0022V21.2493H15.9993C16.4134 21.2493 16.7491 21.5852 16.7493 21.9993C16.7493 22.4135 16.4135 22.7493 15.9993 22.7493H7.99929C7.5852 22.7491 7.24929 22.4134 7.24929 21.9993C7.24943 21.5853 7.58529 21.2494 7.99929 21.2493H11.2493V18.0022C11.2493 17.9852 11.2501 17.9682 11.2512 17.9514C7.21148 17.5117 4.0337 14.0787 4.00026 9.93483C3.9647 5.51683 7.51683 1.9647 11.9348 2.00026Z" opacity=".5"/></g></svg> </template>
CSS
.icon-webcam-bold-duotone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%203.75098C12.4142%203.75098%2012.75%204.08676%2012.75%204.50098C12.75%204.91519%2012.4142%205.25098%2012%205.25098C11.5858%205.25098%2011.25%204.91519%2011.25%204.50098C11.25%204.08676%2011.5858%203.75098%2012%203.75098Z%22%2F%3E%3Cpath%20d%3D%22M14.25%2010C14.25%208.75736%2013.2426%207.75%2012%207.75C10.7574%207.75%209.75%208.75736%209.75%2010C9.75%2011.2426%2010.7574%2012.25%2012%2012.25C13.2426%2012.25%2014.25%2011.2426%2014.25%2010ZM15.75%2010C15.75%2012.0711%2014.0711%2013.75%2012%2013.75C9.92893%2013.75%208.25%2012.0711%208.25%2010C8.25%207.92893%209.92893%206.25%2012%206.25C14.0711%206.25%2015.75%207.92893%2015.75%2010Z%22%2F%3E%3Cpath%20d%3D%22M11.9348%202.00026C16.3528%202.03592%2019.9634%205.64578%2019.9993%2010.0637C20.0331%2014.2516%2016.8426%2017.6591%2012.7473%2017.9729C12.7477%2017.9827%2012.7493%2017.9924%2012.7493%2018.0022V21.2493H15.9993C16.4134%2021.2493%2016.7491%2021.5852%2016.7493%2021.9993C16.7493%2022.4135%2016.4135%2022.7493%2015.9993%2022.7493H7.99929C7.5852%2022.7491%207.24929%2022.4134%207.24929%2021.9993C7.24943%2021.5853%207.58529%2021.2494%207.99929%2021.2493H11.2493V18.0022C11.2493%2017.9852%2011.2501%2017.9682%2011.2512%2017.9514C7.21148%2017.5117%204.0337%2014.0787%204.00026%209.93483C3.9647%205.51683%207.51683%201.9647%2011.9348%202.00026Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%203.75098C12.4142%203.75098%2012.75%204.08676%2012.75%204.50098C12.75%204.91519%2012.4142%205.25098%2012%205.25098C11.5858%205.25098%2011.25%204.91519%2011.25%204.50098C11.25%204.08676%2011.5858%203.75098%2012%203.75098Z%22%2F%3E%3Cpath%20d%3D%22M14.25%2010C14.25%208.75736%2013.2426%207.75%2012%207.75C10.7574%207.75%209.75%208.75736%209.75%2010C9.75%2011.2426%2010.7574%2012.25%2012%2012.25C13.2426%2012.25%2014.25%2011.2426%2014.25%2010ZM15.75%2010C15.75%2012.0711%2014.0711%2013.75%2012%2013.75C9.92893%2013.75%208.25%2012.0711%208.25%2010C8.25%207.92893%209.92893%206.25%2012%206.25C14.0711%206.25%2015.75%207.92893%2015.75%2010Z%22%2F%3E%3Cpath%20d%3D%22M11.9348%202.00026C16.3528%202.03592%2019.9634%205.64578%2019.9993%2010.0637C20.0331%2014.2516%2016.8426%2017.6591%2012.7473%2017.9729C12.7477%2017.9827%2012.7493%2017.9924%2012.7493%2018.0022V21.2493H15.9993C16.4134%2021.2493%2016.7491%2021.5852%2016.7493%2021.9993C16.7493%2022.4135%2016.4135%2022.7493%2015.9993%2022.7493H7.99929C7.5852%2022.7491%207.24929%2022.4134%207.24929%2021.9993C7.24943%2021.5853%207.58529%2021.2494%207.99929%2021.2493H11.2493V18.0022C11.2493%2017.9852%2011.2501%2017.9682%2011.2512%2017.9514C7.21148%2017.5117%204.0337%2014.0787%204.00026%209.93483C3.9647%205.51683%207.51683%201.9647%2011.9348%202.00026Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/webcam-bold-duotone.svg?color=%231a73e8&size=48
