camera off icon
camera-off from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.
- Name
- camera-off
- Set
- BoxIcons v2 Solid
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in BoxIcons v2 Solid
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="M4 20h11.879l-3.083-3.083A5 5 0 0 1 12 17c-2.71 0-5-2.29-5-5c0-.271.039-.535.083-.796L2.144 6.265C2.054 6.493 2 6.74 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-5.312 8.274A2.86 2.86 0 0 0 15 12c0-1.626-1.374-3-3-3c-.456 0-.884.12-1.274.312l-1.46-1.46A4.9 4.9 0 0 1 12 7c2.71 0 5 2.29 5 5a4.9 4.9 0 0 1-.852 2.734z"/></svg>
React
import type { SVGProps } from "react";
export function BxsCameraOff(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 20h11.879l-3.083-3.083A5 5 0 0 1 12 17c-2.71 0-5-2.29-5-5c0-.271.039-.535.083-.796L2.144 6.265C2.054 6.493 2 6.74 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-5.312 8.274A2.86 2.86 0 0 0 15 12c0-1.626-1.374-3-3-3c-.456 0-.884.12-1.274.312l-1.46-1.46A4.9 4.9 0 0 1 12 7c2.71 0 5 2.29 5 5a4.9 4.9 0 0 1-.852 2.734z"/></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 20h11.879l-3.083-3.083A5 5 0 0 1 12 17c-2.71 0-5-2.29-5-5c0-.271.039-.535.083-.796L2.144 6.265C2.054 6.493 2 6.74 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-5.312 8.274A2.86 2.86 0 0 0 15 12c0-1.626-1.374-3-3-3c-.456 0-.884.12-1.274.312l-1.46-1.46A4.9 4.9 0 0 1 12 7c2.71 0 5 2.29 5 5a4.9 4.9 0 0 1-.852 2.734z"/></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%22M4%2020h11.879l-3.083-3.083A5%205%200%200%201%2012%2017c-2.71%200-5-2.29-5-5c0-.271.039-.535.083-.796L2.144%206.265C2.054%206.493%202%206.74%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-5.312%208.274A2.86%202.86%200%200%200%2015%2012c0-1.626-1.374-3-3-3c-.456%200-.884.12-1.274.312l-1.46-1.46A4.9%204.9%200%200%201%2012%207c2.71%200%205%202.29%205%205a4.9%204.9%200%200%201-.852%202.734z%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%2020h11.879l-3.083-3.083A5%205%200%200%201%2012%2017c-2.71%200-5-2.29-5-5c0-.271.039-.535.083-.796L2.144%206.265C2.054%206.493%202%206.74%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-5.312%208.274A2.86%202.86%200%200%200%2015%2012c0-1.626-1.374-3-3-3c-.456%200-.884.12-1.274.312l-1.46-1.46A4.9%204.9%200%200%201%2012%207c2.71%200%205%202.29%205%205a4.9%204.9%200%200%201-.852%202.734z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxs/camera-off.svg?color=%231a73e8&size=48
