webcam icon
webcam-outline from Solar by 480 Design · Outline · Video · CC-BY-4.0 Attribution required.
- Name
- webcam-outline
- Set
- Solar
- Style
- Outline
- 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 fill-rule="evenodd" d="M11.9998 6.25029C14.0709 6.25029 15.7498 7.92922 15.7498 10.0003C15.7496 12.0712 14.0707 13.7503 11.9998 13.7503C9.92891 13.7502 8.25002 12.0711 8.2498 10.0003C8.2498 7.92925 9.92877 6.25034 11.9998 6.25029ZM11.9998 7.75029C10.7572 7.75034 9.7498 8.75768 9.7498 10.0003C9.75002 11.2427 10.7573 12.2502 11.9998 12.2503C13.2423 12.2503 14.2496 11.2427 14.2498 10.0003C14.2498 8.75765 13.2424 7.75029 11.9998 7.75029Z" clip-rule="evenodd"/><path d="M11.9998 3.75127C12.414 3.75127 12.7498 4.08705 12.7498 4.50127C12.7496 4.9153 12.4139 5.25127 11.9998 5.25127C11.5858 5.25122 11.25 4.91527 11.2498 4.50127C11.2498 4.08708 11.5856 3.75131 11.9998 3.75127Z"/><path fill-rule="evenodd" d="M11.9412 1.25029C16.7688 1.28925 20.7108 5.23127 20.7498 10.0589C20.7867 14.6629 17.2608 18.4093 12.7498 18.7259V21.2503H15.9998C16.414 21.2503 16.7498 21.5861 16.7498 22.0003C16.7496 22.4143 16.4139 22.7503 15.9998 22.7503H7.9998C7.58576 22.7502 7.25002 22.4143 7.2498 22.0003C7.2498 21.5861 7.58563 21.2503 7.9998 21.2503H11.2498V18.7044C6.79841 18.2608 3.28676 14.4965 3.2498 9.9417C3.21082 5.10473 7.10426 1.21135 11.9412 1.25029ZM11.9295 2.75029C7.93033 2.71806 4.71753 5.93081 4.7498 9.92998C4.78252 13.9382 8.06187 17.2177 12.0701 17.2503C16.0692 17.2826 19.2819 14.0696 19.2498 10.0706C19.2173 6.06218 15.9379 2.78279 11.9295 2.75029Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarWebcamOutline(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 fillRule="evenodd" d="M11.9998 6.25029C14.0709 6.25029 15.7498 7.92922 15.7498 10.0003C15.7496 12.0712 14.0707 13.7503 11.9998 13.7503C9.92891 13.7502 8.25002 12.0711 8.2498 10.0003C8.2498 7.92925 9.92877 6.25034 11.9998 6.25029ZM11.9998 7.75029C10.7572 7.75034 9.7498 8.75768 9.7498 10.0003C9.75002 11.2427 10.7573 12.2502 11.9998 12.2503C13.2423 12.2503 14.2496 11.2427 14.2498 10.0003C14.2498 8.75765 13.2424 7.75029 11.9998 7.75029Z" clipRule="evenodd"/><path d="M11.9998 3.75127C12.414 3.75127 12.7498 4.08705 12.7498 4.50127C12.7496 4.9153 12.4139 5.25127 11.9998 5.25127C11.5858 5.25122 11.25 4.91527 11.2498 4.50127C11.2498 4.08708 11.5856 3.75131 11.9998 3.75127Z"/><path fillRule="evenodd" d="M11.9412 1.25029C16.7688 1.28925 20.7108 5.23127 20.7498 10.0589C20.7867 14.6629 17.2608 18.4093 12.7498 18.7259V21.2503H15.9998C16.414 21.2503 16.7498 21.5861 16.7498 22.0003C16.7496 22.4143 16.4139 22.7503 15.9998 22.7503H7.9998C7.58576 22.7502 7.25002 22.4143 7.2498 22.0003C7.2498 21.5861 7.58563 21.2503 7.9998 21.2503H11.2498V18.7044C6.79841 18.2608 3.28676 14.4965 3.2498 9.9417C3.21082 5.10473 7.10426 1.21135 11.9412 1.25029ZM11.9295 2.75029C7.93033 2.71806 4.71753 5.93081 4.7498 9.92998C4.78252 13.9382 8.06187 17.2177 12.0701 17.2503C16.0692 17.2826 19.2819 14.0696 19.2498 10.0706C19.2173 6.06218 15.9379 2.78279 11.9295 2.75029Z" clipRule="evenodd"/></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 fill-rule="evenodd" d="M11.9998 6.25029C14.0709 6.25029 15.7498 7.92922 15.7498 10.0003C15.7496 12.0712 14.0707 13.7503 11.9998 13.7503C9.92891 13.7502 8.25002 12.0711 8.2498 10.0003C8.2498 7.92925 9.92877 6.25034 11.9998 6.25029ZM11.9998 7.75029C10.7572 7.75034 9.7498 8.75768 9.7498 10.0003C9.75002 11.2427 10.7573 12.2502 11.9998 12.2503C13.2423 12.2503 14.2496 11.2427 14.2498 10.0003C14.2498 8.75765 13.2424 7.75029 11.9998 7.75029Z" clip-rule="evenodd"/><path d="M11.9998 3.75127C12.414 3.75127 12.7498 4.08705 12.7498 4.50127C12.7496 4.9153 12.4139 5.25127 11.9998 5.25127C11.5858 5.25122 11.25 4.91527 11.2498 4.50127C11.2498 4.08708 11.5856 3.75131 11.9998 3.75127Z"/><path fill-rule="evenodd" d="M11.9412 1.25029C16.7688 1.28925 20.7108 5.23127 20.7498 10.0589C20.7867 14.6629 17.2608 18.4093 12.7498 18.7259V21.2503H15.9998C16.414 21.2503 16.7498 21.5861 16.7498 22.0003C16.7496 22.4143 16.4139 22.7503 15.9998 22.7503H7.9998C7.58576 22.7502 7.25002 22.4143 7.2498 22.0003C7.2498 21.5861 7.58563 21.2503 7.9998 21.2503H11.2498V18.7044C6.79841 18.2608 3.28676 14.4965 3.2498 9.9417C3.21082 5.10473 7.10426 1.21135 11.9412 1.25029ZM11.9295 2.75029C7.93033 2.71806 4.71753 5.93081 4.7498 9.92998C4.78252 13.9382 8.06187 17.2177 12.0701 17.2503C16.0692 17.2826 19.2819 14.0696 19.2498 10.0706C19.2173 6.06218 15.9379 2.78279 11.9295 2.75029Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-webcam-outline {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.9998%206.25029C14.0709%206.25029%2015.7498%207.92922%2015.7498%2010.0003C15.7496%2012.0712%2014.0707%2013.7503%2011.9998%2013.7503C9.92891%2013.7502%208.25002%2012.0711%208.2498%2010.0003C8.2498%207.92925%209.92877%206.25034%2011.9998%206.25029ZM11.9998%207.75029C10.7572%207.75034%209.7498%208.75768%209.7498%2010.0003C9.75002%2011.2427%2010.7573%2012.2502%2011.9998%2012.2503C13.2423%2012.2503%2014.2496%2011.2427%2014.2498%2010.0003C14.2498%208.75765%2013.2424%207.75029%2011.9998%207.75029Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M11.9998%203.75127C12.414%203.75127%2012.7498%204.08705%2012.7498%204.50127C12.7496%204.9153%2012.4139%205.25127%2011.9998%205.25127C11.5858%205.25122%2011.25%204.91527%2011.2498%204.50127C11.2498%204.08708%2011.5856%203.75131%2011.9998%203.75127Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.9412%201.25029C16.7688%201.28925%2020.7108%205.23127%2020.7498%2010.0589C20.7867%2014.6629%2017.2608%2018.4093%2012.7498%2018.7259V21.2503H15.9998C16.414%2021.2503%2016.7498%2021.5861%2016.7498%2022.0003C16.7496%2022.4143%2016.4139%2022.7503%2015.9998%2022.7503H7.9998C7.58576%2022.7502%207.25002%2022.4143%207.2498%2022.0003C7.2498%2021.5861%207.58563%2021.2503%207.9998%2021.2503H11.2498V18.7044C6.79841%2018.2608%203.28676%2014.4965%203.2498%209.9417C3.21082%205.10473%207.10426%201.21135%2011.9412%201.25029ZM11.9295%202.75029C7.93033%202.71806%204.71753%205.93081%204.7498%209.92998C4.78252%2013.9382%208.06187%2017.2177%2012.0701%2017.2503C16.0692%2017.2826%2019.2819%2014.0696%2019.2498%2010.0706C19.2173%206.06218%2015.9379%202.78279%2011.9295%202.75029Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.9998%206.25029C14.0709%206.25029%2015.7498%207.92922%2015.7498%2010.0003C15.7496%2012.0712%2014.0707%2013.7503%2011.9998%2013.7503C9.92891%2013.7502%208.25002%2012.0711%208.2498%2010.0003C8.2498%207.92925%209.92877%206.25034%2011.9998%206.25029ZM11.9998%207.75029C10.7572%207.75034%209.7498%208.75768%209.7498%2010.0003C9.75002%2011.2427%2010.7573%2012.2502%2011.9998%2012.2503C13.2423%2012.2503%2014.2496%2011.2427%2014.2498%2010.0003C14.2498%208.75765%2013.2424%207.75029%2011.9998%207.75029Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M11.9998%203.75127C12.414%203.75127%2012.7498%204.08705%2012.7498%204.50127C12.7496%204.9153%2012.4139%205.25127%2011.9998%205.25127C11.5858%205.25122%2011.25%204.91527%2011.2498%204.50127C11.2498%204.08708%2011.5856%203.75131%2011.9998%203.75127Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.9412%201.25029C16.7688%201.28925%2020.7108%205.23127%2020.7498%2010.0589C20.7867%2014.6629%2017.2608%2018.4093%2012.7498%2018.7259V21.2503H15.9998C16.414%2021.2503%2016.7498%2021.5861%2016.7498%2022.0003C16.7496%2022.4143%2016.4139%2022.7503%2015.9998%2022.7503H7.9998C7.58576%2022.7502%207.25002%2022.4143%207.2498%2022.0003C7.2498%2021.5861%207.58563%2021.2503%207.9998%2021.2503H11.2498V18.7044C6.79841%2018.2608%203.28676%2014.4965%203.2498%209.9417C3.21082%205.10473%207.10426%201.21135%2011.9412%201.25029ZM11.9295%202.75029C7.93033%202.71806%204.71753%205.93081%204.7498%209.92998C4.78252%2013.9382%208.06187%2017.2177%2012.0701%2017.2503C16.0692%2017.2826%2019.2819%2014.0696%2019.2498%2010.0706C19.2173%206.06218%2015.9379%202.78279%2011.9295%202.75029Z%22%20clip-rule%3D%22evenodd%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-outline.svg?color=%231a73e8&size=48
