webcam off icon

webcam-off from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name: webcam-off
Set: Material Design Icons
Style: Filled
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

Use the webcam off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6c1.66 0 3 1.34 3 3c0 .78-.3 1.5-.79 2L10 6.79c.5-.49 1.22-.79 2-.79m0-2c2.76 0 5 2.24 5 5c0 1.33-.53 2.53-1.38 3.42l1.42 1.42A6.95 6.95 0 0 0 19 9c0-3.87-3.13-7-7-7c-1.88 0-3.59.75-4.84 1.96l1.42 1.42C9.47 4.53 10.67 4 12 4m10.11 17.46l-1.27 1.27l-1.38-1.38c-.36.4-.88.65-1.46.65H6c-1.11 0-2-.89-2-2c0-.38.1-.73.29-1.03l1.82-3.16A9 9 0 0 0 12 18c1.21 0 2.37-.25 3.43-.68l-1.58-1.58c-.59.17-1.21.26-1.85.26c-3.87 0-7-3.13-7-7c0-.64.09-1.26.26-1.85L1.11 3l1.28-1.27zM12.1 14L7 8.9V9c0 2.76 2.24 5 5 5z"/></svg>

React

import type { SVGProps } from "react";

export function MdiWebcamOff(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="M12 6c1.66 0 3 1.34 3 3c0 .78-.3 1.5-.79 2L10 6.79c.5-.49 1.22-.79 2-.79m0-2c2.76 0 5 2.24 5 5c0 1.33-.53 2.53-1.38 3.42l1.42 1.42A6.95 6.95 0 0 0 19 9c0-3.87-3.13-7-7-7c-1.88 0-3.59.75-4.84 1.96l1.42 1.42C9.47 4.53 10.67 4 12 4m10.11 17.46l-1.27 1.27l-1.38-1.38c-.36.4-.88.65-1.46.65H6c-1.11 0-2-.89-2-2c0-.38.1-.73.29-1.03l1.82-3.16A9 9 0 0 0 12 18c1.21 0 2.37-.25 3.43-.68l-1.58-1.58c-.59.17-1.21.26-1.85.26c-3.87 0-7-3.13-7-7c0-.64.09-1.26.26-1.85L1.11 3l1.28-1.27zM12.1 14L7 8.9V9c0 2.76 2.24 5 5 5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6c1.66 0 3 1.34 3 3c0 .78-.3 1.5-.79 2L10 6.79c.5-.49 1.22-.79 2-.79m0-2c2.76 0 5 2.24 5 5c0 1.33-.53 2.53-1.38 3.42l1.42 1.42A6.95 6.95 0 0 0 19 9c0-3.87-3.13-7-7-7c-1.88 0-3.59.75-4.84 1.96l1.42 1.42C9.47 4.53 10.67 4 12 4m10.11 17.46l-1.27 1.27l-1.38-1.38c-.36.4-.88.65-1.46.65H6c-1.11 0-2-.89-2-2c0-.38.1-.73.29-1.03l1.82-3.16A9 9 0 0 0 12 18c1.21 0 2.37-.25 3.43-.68l-1.58-1.58c-.59.17-1.21.26-1.85.26c-3.87 0-7-3.13-7-7c0-.64.09-1.26.26-1.85L1.11 3l1.28-1.27zM12.1 14L7 8.9V9c0 2.76 2.24 5 5 5z"/></svg>
</template>

CSS

.icon-webcam-off {
  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%22M12%206c1.66%200%203%201.34%203%203c0%20.78-.3%201.5-.79%202L10%206.79c.5-.49%201.22-.79%202-.79m0-2c2.76%200%205%202.24%205%205c0%201.33-.53%202.53-1.38%203.42l1.42%201.42A6.95%206.95%200%200%200%2019%209c0-3.87-3.13-7-7-7c-1.88%200-3.59.75-4.84%201.96l1.42%201.42C9.47%204.53%2010.67%204%2012%204m10.11%2017.46l-1.27%201.27l-1.38-1.38c-.36.4-.88.65-1.46.65H6c-1.11%200-2-.89-2-2c0-.38.1-.73.29-1.03l1.82-3.16A9%209%200%200%200%2012%2018c1.21%200%202.37-.25%203.43-.68l-1.58-1.58c-.59.17-1.21.26-1.85.26c-3.87%200-7-3.13-7-7c0-.64.09-1.26.26-1.85L1.11%203l1.28-1.27zM12.1%2014L7%208.9V9c0%202.76%202.24%205%205%205z%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%22M12%206c1.66%200%203%201.34%203%203c0%20.78-.3%201.5-.79%202L10%206.79c.5-.49%201.22-.79%202-.79m0-2c2.76%200%205%202.24%205%205c0%201.33-.53%202.53-1.38%203.42l1.42%201.42A6.95%206.95%200%200%200%2019%209c0-3.87-3.13-7-7-7c-1.88%200-3.59.75-4.84%201.96l1.42%201.42C9.47%204.53%2010.67%204%2012%204m10.11%2017.46l-1.27%201.27l-1.38-1.38c-.36.4-.88.65-1.46.65H6c-1.11%200-2-.89-2-2c0-.38.1-.73.29-1.03l1.82-3.16A9%209%200%200%200%2012%2018c1.21%200%202.37-.25%203.43-.68l-1.58-1.58c-.59.17-1.21.26-1.85.26c-3.87%200-7-3.13-7-7c0-.64.09-1.26.26-1.85L1.11%203l1.28-1.27zM12.1%2014L7%208.9V9c0%202.76%202.24%205%205%205z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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