webcam icon

webcam-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: webcam-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

The same icon in other sets

webcamBootstrap Icons webcamBoxIcons v2 webcamBoxIcons v2 Solid webcamcss.gg webcamHuge Icons webcamIconPark webcamIconPark Outline webcamIconPark Solid webcamIconPark TwoTone webcamLucide webcamMaterial Design Icons webcamPhosphor webcamPixelarticons webcam-fillRemix Icon webcam-boldSolar webcamUnicons

Use the webcam icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.05 10.2a7.95 7.95 0 1 1 8.7 7.915v2.135h3.75a.75.75 0 1 1 0 1.5h-9a.75.75 0 0 1 0-1.5h3.75v-2.135a7.95 7.95 0 0 1-7.2-7.915m6 0a1.95 1.95 0 1 0 3.9 0a1.95 1.95 0 0 0-3.9 0"/></svg>

React

import type { SVGProps } from "react";

export function MynauiWebcamSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.05 10.2a7.95 7.95 0 1 1 8.7 7.915v2.135h3.75a.75.75 0 1 1 0 1.5h-9a.75.75 0 0 1 0-1.5h3.75v-2.135a7.95 7.95 0 0 1-7.2-7.915m6 0a1.95 1.95 0 1 0 3.9 0a1.95 1.95 0 0 0-3.9 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.05 10.2a7.95 7.95 0 1 1 8.7 7.915v2.135h3.75a.75.75 0 1 1 0 1.5h-9a.75.75 0 0 1 0-1.5h3.75v-2.135a7.95 7.95 0 0 1-7.2-7.915m6 0a1.95 1.95 0 1 0 3.9 0a1.95 1.95 0 0 0-3.9 0"/></svg>
</template>

CSS

.icon-webcam-solid {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.05%2010.2a7.95%207.95%200%201%201%208.7%207.915v2.135h3.75a.75.75%200%201%201%200%201.5h-9a.75.75%200%200%201%200-1.5h3.75v-2.135a7.95%207.95%200%200%201-7.2-7.915m6%200a1.95%201.95%200%201%200%203.9%200a1.95%201.95%200%200%200-3.9%200%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.05%2010.2a7.95%207.95%200%201%201%208.7%207.915v2.135h3.75a.75.75%200%201%201%200%201.5h-9a.75.75%200%200%201%200-1.5h3.75v-2.135a7.95%207.95%200%200%201-7.2-7.915m6%200a1.95%201.95%200%201%200%203.9%200a1.95%201.95%200%200%200-3.9%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/webcam-solid.svg?color=%231a73e8&size=48