camera off icon

camera-off-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.

Name
camera-off-16-filled
Set
Fluent UI System Icons
Style
16 Filled
Viewbox
16×16
License
MIT

5 other variants in Fluent UI System Icons

camera-off-16-regularcamera-off-20-filledcamera-off-20-regularcamera-off-24-filledcamera-off-24-regular

The same icon in other sets

camera-offBoxIcons v2camera-offBoxIcons v2 Solidcamera-offFeather Iconscamera-offHumbleiconscamera-offLucidecamera-offMajesticonscamera-offMaterial Design Iconscamera-offMyna UI Iconscamera-off-fillRemix Iconcamera-off-boldSolarcamera-offTabler Iconscamera-offTDesign Icons

Related icons in Fluent UI System Icons

camera-add-20-filledcamera-arrow-up-16-filledcamera-dome-16-filledcamera-edit-20-filledcamera-sparkles-16-filledcamera-switch-20-filled

Use the camera off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m1.853 1.146l13.001 13a.5.5 0 0 1-.708.707l-1.883-1.883l-.059.009a1.4 1.4 0 0 1-.204.02H4a2 2 0 0 1-2-2V6c0-.893.588-1.639 1.395-1.897l-2.249-2.25a.5.5 0 0 1 .707-.707M5 8a3 3 0 0 0 3 3c.647 0 1.243-.21 1.733-.559l-.724-.724A1.97 1.97 0 0 1 8 10a2 2 0 0 1-2-2c0-.37.108-.712.283-1.009l-.724-.724A3 3 0 0 0 5 8m3-3a3 3 0 0 1 3 3c0 .267-.046.521-.11.767l2.967 2.968c.09-.228.144-.475.144-.734V6a2 2 0 0 0-2-2h-.691l-.585-1.172A1.5 1.5 0 0 0 9.382 2H6.618a1.5 1.5 0 0 0-1.342.83l-.108.216L7.233 5.11C7.48 5.045 7.733 5 8 5m1.986 2.864a1.99 1.99 0 0 0-1.85-1.85z"/></svg>

React

import type { SVGProps } from "react";

export function FluentCameraOff16Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m1.853 1.146l13.001 13a.5.5 0 0 1-.708.707l-1.883-1.883l-.059.009a1.4 1.4 0 0 1-.204.02H4a2 2 0 0 1-2-2V6c0-.893.588-1.639 1.395-1.897l-2.249-2.25a.5.5 0 0 1 .707-.707M5 8a3 3 0 0 0 3 3c.647 0 1.243-.21 1.733-.559l-.724-.724A1.97 1.97 0 0 1 8 10a2 2 0 0 1-2-2c0-.37.108-.712.283-1.009l-.724-.724A3 3 0 0 0 5 8m3-3a3 3 0 0 1 3 3c0 .267-.046.521-.11.767l2.967 2.968c.09-.228.144-.475.144-.734V6a2 2 0 0 0-2-2h-.691l-.585-1.172A1.5 1.5 0 0 0 9.382 2H6.618a1.5 1.5 0 0 0-1.342.83l-.108.216L7.233 5.11C7.48 5.045 7.733 5 8 5m1.986 2.864a1.99 1.99 0 0 0-1.85-1.85z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m1.853 1.146l13.001 13a.5.5 0 0 1-.708.707l-1.883-1.883l-.059.009a1.4 1.4 0 0 1-.204.02H4a2 2 0 0 1-2-2V6c0-.893.588-1.639 1.395-1.897l-2.249-2.25a.5.5 0 0 1 .707-.707M5 8a3 3 0 0 0 3 3c.647 0 1.243-.21 1.733-.559l-.724-.724A1.97 1.97 0 0 1 8 10a2 2 0 0 1-2-2c0-.37.108-.712.283-1.009l-.724-.724A3 3 0 0 0 5 8m3-3a3 3 0 0 1 3 3c0 .267-.046.521-.11.767l2.967 2.968c.09-.228.144-.475.144-.734V6a2 2 0 0 0-2-2h-.691l-.585-1.172A1.5 1.5 0 0 0 9.382 2H6.618a1.5 1.5 0 0 0-1.342.83l-.108.216L7.233 5.11C7.48 5.045 7.733 5 8 5m1.986 2.864a1.99 1.99 0 0 0-1.85-1.85z"/></svg>
</template>

CSS

.icon-camera-off-16-filled {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m1.853%201.146l13.001%2013a.5.5%200%200%201-.708.707l-1.883-1.883l-.059.009a1.4%201.4%200%200%201-.204.02H4a2%202%200%200%201-2-2V6c0-.893.588-1.639%201.395-1.897l-2.249-2.25a.5.5%200%200%201%20.707-.707M5%208a3%203%200%200%200%203%203c.647%200%201.243-.21%201.733-.559l-.724-.724A1.97%201.97%200%200%201%208%2010a2%202%200%200%201-2-2c0-.37.108-.712.283-1.009l-.724-.724A3%203%200%200%200%205%208m3-3a3%203%200%200%201%203%203c0%20.267-.046.521-.11.767l2.967%202.968c.09-.228.144-.475.144-.734V6a2%202%200%200%200-2-2h-.691l-.585-1.172A1.5%201.5%200%200%200%209.382%202H6.618a1.5%201.5%200%200%200-1.342.83l-.108.216L7.233%205.11C7.48%205.045%207.733%205%208%205m1.986%202.864a1.99%201.99%200%200%200-1.85-1.85z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m1.853%201.146l13.001%2013a.5.5%200%200%201-.708.707l-1.883-1.883l-.059.009a1.4%201.4%200%200%201-.204.02H4a2%202%200%200%201-2-2V6c0-.893.588-1.639%201.395-1.897l-2.249-2.25a.5.5%200%200%201%20.707-.707M5%208a3%203%200%200%200%203%203c.647%200%201.243-.21%201.733-.559l-.724-.724A1.97%201.97%200%200%201%208%2010a2%202%200%200%201-2-2c0-.37.108-.712.283-1.009l-.724-.724A3%203%200%200%200%205%208m3-3a3%203%200%200%201%203%203c0%20.267-.046.521-.11.767l2.967%202.968c.09-.228.144-.475.144-.734V6a2%202%200%200%200-2-2h-.691l-.585-1.172A1.5%201.5%200%200%200%209.382%202H6.618a1.5%201.5%200%200%200-1.342.83l-.108.216L7.233%205.11C7.48%205.045%207.733%205%208%205m1.986%202.864a1.99%201.99%200%200%200-1.85-1.85z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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