camera off icon

camera-off from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name
camera-off
Set
BoxIcons v2
Style
Regular
Viewbox
24×24
License
MIT
Aliases
bx-camera-off

The same icon in other sets

camera-offBoxIcons v2 Solidcamera-offFeather Iconscamera-off-16-filledFluent UI System Iconscamera-offHumbleiconscamera-offLucidecamera-offMajesticonscamera-offMaterial Design Iconscamera-off-fillRemix Iconcamera-off-boldSolarcamera-offTabler Icons

Related icons in BoxIcons v2

camera-homecamera-movie

Use the 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="M8.014 12.135c.074 2.062 1.789 3.777 3.851 3.851z"/><path fill="currentColor" d="M4 20h11.879l-2-2H4V8.121L2.144 6.265A2 2 0 0 0 2 7v11c0 1.103.897 2 2 2M20 5h-2.586l-2.707-2.707A1 1 0 0 0 14 2h-4a1 1 0 0 0-.707.293L6.586 5h-.172L3.707 2.293L2.293 3.707l18 18l1.414-1.414l-.626-.626A1.98 1.98 0 0 0 22 18V7c0-1.103-.897-2-2-2m-6.081 7.505l-2.424-2.425c.163-.046.331-.08.505-.08c1.065 0 2 .935 2 2c0 .174-.033.342-.081.505m1.502 1.501A3.9 3.9 0 0 0 16 12c0-2.168-1.832-4-4-4c-.729 0-1.412.22-2.007.579L7.914 6.5l2.5-2.5h3.172l2.707 2.707A1 1 0 0 0 17 7l3-.001V18h-.586z"/></svg>

React

import type { SVGProps } from "react";

export function BxCameraOff(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="M8.014 12.135c.074 2.062 1.789 3.777 3.851 3.851z"/><path fill="currentColor" d="M4 20h11.879l-2-2H4V8.121L2.144 6.265A2 2 0 0 0 2 7v11c0 1.103.897 2 2 2M20 5h-2.586l-2.707-2.707A1 1 0 0 0 14 2h-4a1 1 0 0 0-.707.293L6.586 5h-.172L3.707 2.293L2.293 3.707l18 18l1.414-1.414l-.626-.626A1.98 1.98 0 0 0 22 18V7c0-1.103-.897-2-2-2m-6.081 7.505l-2.424-2.425c.163-.046.331-.08.505-.08c1.065 0 2 .935 2 2c0 .174-.033.342-.081.505m1.502 1.501A3.9 3.9 0 0 0 16 12c0-2.168-1.832-4-4-4c-.729 0-1.412.22-2.007.579L7.914 6.5l2.5-2.5h3.172l2.707 2.707A1 1 0 0 0 17 7l3-.001V18h-.586z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.014 12.135c.074 2.062 1.789 3.777 3.851 3.851z"/><path fill="currentColor" d="M4 20h11.879l-2-2H4V8.121L2.144 6.265A2 2 0 0 0 2 7v11c0 1.103.897 2 2 2M20 5h-2.586l-2.707-2.707A1 1 0 0 0 14 2h-4a1 1 0 0 0-.707.293L6.586 5h-.172L3.707 2.293L2.293 3.707l18 18l1.414-1.414l-.626-.626A1.98 1.98 0 0 0 22 18V7c0-1.103-.897-2-2-2m-6.081 7.505l-2.424-2.425c.163-.046.331-.08.505-.08c1.065 0 2 .935 2 2c0 .174-.033.342-.081.505m1.502 1.501A3.9 3.9 0 0 0 16 12c0-2.168-1.832-4-4-4c-.729 0-1.412.22-2.007.579L7.914 6.5l2.5-2.5h3.172l2.707 2.707A1 1 0 0 0 17 7l3-.001V18h-.586z"/></svg>
</template>

CSS

.icon-camera-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%22M8.014%2012.135c.074%202.062%201.789%203.777%203.851%203.851z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%2020h11.879l-2-2H4V8.121L2.144%206.265A2%202%200%200%200%202%207v11c0%201.103.897%202%202%202M20%205h-2.586l-2.707-2.707A1%201%200%200%200%2014%202h-4a1%201%200%200%200-.707.293L6.586%205h-.172L3.707%202.293L2.293%203.707l18%2018l1.414-1.414l-.626-.626A1.98%201.98%200%200%200%2022%2018V7c0-1.103-.897-2-2-2m-6.081%207.505l-2.424-2.425c.163-.046.331-.08.505-.08c1.065%200%202%20.935%202%202c0%20.174-.033.342-.081.505m1.502%201.501A3.9%203.9%200%200%200%2016%2012c0-2.168-1.832-4-4-4c-.729%200-1.412.22-2.007.579L7.914%206.5l2.5-2.5h3.172l2.707%202.707A1%201%200%200%200%2017%207l3-.001V18h-.586z%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%22M8.014%2012.135c.074%202.062%201.789%203.777%203.851%203.851z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%2020h11.879l-2-2H4V8.121L2.144%206.265A2%202%200%200%200%202%207v11c0%201.103.897%202%202%202M20%205h-2.586l-2.707-2.707A1%201%200%200%200%2014%202h-4a1%201%200%200%200-.707.293L6.586%205h-.172L3.707%202.293L2.293%203.707l18%2018l1.414-1.414l-.626-.626A1.98%201.98%200%200%200%2022%2018V7c0-1.103-.897-2-2-2m-6.081%207.505l-2.424-2.425c.163-.046.331-.08.505-.08c1.065%200%202%20.935%202%202c0%20.174-.033.342-.081.505m1.502%201.501A3.9%203.9%200%200%200%2016%2012c0-2.168-1.832-4-4-4c-.729%200-1.412.22-2.007.579L7.914%206.5l2.5-2.5h3.172l2.707%202.707A1%201%200%200%200%2017%207l3-.001V18h-.586z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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