computer camera off icon

computer-camera-off-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: computer-camera-off-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

computer-camera-off-line

Related icons in MingCute Icon

computer-camer-fill computer-camera-fill

Use the computer camera off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.742 16.876A9.97 9.97 0 0 0 12 20a9.94 9.94 0 0 0 5.095-1.4l.774.775a1.7 1.7 0 0 0 1.619.444q-.181.222-.39.399c-.478.408-1.113.732-1.809.983c-1.401.506-3.272.799-5.289.799s-3.887-.293-5.289-.799c-.696-.251-1.33-.575-1.81-.983c-.475-.406-.9-.991-.9-1.744c0-.665.327-1.196.741-1.598M12 2a8 8 0 0 1 8 8a7.96 7.96 0 0 1-1.726 4.96l1.505 1.505a1.001 1.001 0 0 1-1.416 1.415L4.222 3.737a1 1 0 1 1 1.414-1.414l1.402 1.403A7.97 7.97 0 0 1 12 2M8.028 9.533a4 4 0 0 0 4.438 4.438l3.158 3.159A8 8 0 0 1 4.87 6.375zM12 6c-.768 0-1.486.216-2.096.592l1.5 1.498Q11.688 8 12 8a2 2 0 0 1 1.908 2.595l1.498 1.498A4 4 0 0 0 12 6"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteComputerCameraOffFill(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.742 16.876A9.97 9.97 0 0 0 12 20a9.94 9.94 0 0 0 5.095-1.4l.774.775a1.7 1.7 0 0 0 1.619.444q-.181.222-.39.399c-.478.408-1.113.732-1.809.983c-1.401.506-3.272.799-5.289.799s-3.887-.293-5.289-.799c-.696-.251-1.33-.575-1.81-.983c-.475-.406-.9-.991-.9-1.744c0-.665.327-1.196.741-1.598M12 2a8 8 0 0 1 8 8a7.96 7.96 0 0 1-1.726 4.96l1.505 1.505a1.001 1.001 0 0 1-1.416 1.415L4.222 3.737a1 1 0 1 1 1.414-1.414l1.402 1.403A7.97 7.97 0 0 1 12 2M8.028 9.533a4 4 0 0 0 4.438 4.438l3.158 3.159A8 8 0 0 1 4.87 6.375zM12 6c-.768 0-1.486.216-2.096.592l1.5 1.498Q11.688 8 12 8a2 2 0 0 1 1.908 2.595l1.498 1.498A4 4 0 0 0 12 6"/></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.742 16.876A9.97 9.97 0 0 0 12 20a9.94 9.94 0 0 0 5.095-1.4l.774.775a1.7 1.7 0 0 0 1.619.444q-.181.222-.39.399c-.478.408-1.113.732-1.809.983c-1.401.506-3.272.799-5.289.799s-3.887-.293-5.289-.799c-.696-.251-1.33-.575-1.81-.983c-.475-.406-.9-.991-.9-1.744c0-.665.327-1.196.741-1.598M12 2a8 8 0 0 1 8 8a7.96 7.96 0 0 1-1.726 4.96l1.505 1.505a1.001 1.001 0 0 1-1.416 1.415L4.222 3.737a1 1 0 1 1 1.414-1.414l1.402 1.403A7.97 7.97 0 0 1 12 2M8.028 9.533a4 4 0 0 0 4.438 4.438l3.158 3.159A8 8 0 0 1 4.87 6.375zM12 6c-.768 0-1.486.216-2.096.592l1.5 1.498Q11.688 8 12 8a2 2 0 0 1 1.908 2.595l1.498 1.498A4 4 0 0 0 12 6"/></svg>
</template>

CSS

.icon-computer-camera-off-fill {
  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.742%2016.876A9.97%209.97%200%200%200%2012%2020a9.94%209.94%200%200%200%205.095-1.4l.774.775a1.7%201.7%200%200%200%201.619.444q-.181.222-.39.399c-.478.408-1.113.732-1.809.983c-1.401.506-3.272.799-5.289.799s-3.887-.293-5.289-.799c-.696-.251-1.33-.575-1.81-.983c-.475-.406-.9-.991-.9-1.744c0-.665.327-1.196.741-1.598M12%202a8%208%200%200%201%208%208a7.96%207.96%200%200%201-1.726%204.96l1.505%201.505a1.001%201.001%200%200%201-1.416%201.415L4.222%203.737a1%201%200%201%201%201.414-1.414l1.402%201.403A7.97%207.97%200%200%201%2012%202M8.028%209.533a4%204%200%200%200%204.438%204.438l3.158%203.159A8%208%200%200%201%204.87%206.375zM12%206c-.768%200-1.486.216-2.096.592l1.5%201.498Q11.688%208%2012%208a2%202%200%200%201%201.908%202.595l1.498%201.498A4%204%200%200%200%2012%206%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.742%2016.876A9.97%209.97%200%200%200%2012%2020a9.94%209.94%200%200%200%205.095-1.4l.774.775a1.7%201.7%200%200%200%201.619.444q-.181.222-.39.399c-.478.408-1.113.732-1.809.983c-1.401.506-3.272.799-5.289.799s-3.887-.293-5.289-.799c-.696-.251-1.33-.575-1.81-.983c-.475-.406-.9-.991-.9-1.744c0-.665.327-1.196.741-1.598M12%202a8%208%200%200%201%208%208a7.96%207.96%200%200%201-1.726%204.96l1.505%201.505a1.001%201.001%200%200%201-1.416%201.415L4.222%203.737a1%201%200%201%201%201.414-1.414l1.402%201.403A7.97%207.97%200%200%201%2012%202M8.028%209.533a4%204%200%200%200%204.438%204.438l3.158%203.159A8%208%200%200%201%204.87%206.375zM12%206c-.768%200-1.486.216-2.096.592l1.5%201.498Q11.688%208%2012%208a2%202%200%200%201%201.908%202.595l1.498%201.498A4%204%200%200%200%2012%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/computer-camera-off-fill.svg?color=%231a73e8&size=48