bxs camera off icon
bxs-camera-off from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxs-camera-off
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
bxs-add-to-queuebxs-adjustbxs-adjust-altbxs-alarmbxs-alarm-addbxs-alarm-exclamationbxs-alarm-offbxs-alarm-snoozebxs-albumbxs-ambulancebxs-analysebxs-angrybxs-archbxs-archivebxs-archive-inbxs-archive-outbxs-areabxs-arrow-from-bottombxs-arrow-from-leftbxs-arrow-from-rightbxs-arrow-from-topbxs-arrow-to-bottombxs-arrow-to-leftbxs-arrow-to-right
Use the bxs camera off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M4 20h11.879l-3.083-3.083A4.774 4.774 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 2zM20 5h-2.586l-2.707-2.707A.996.996 0 0 0 14 2h-4a.996.996 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-2zm-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.88 4.88 0 0 1 12 7c2.71 0 5 2.29 5 5a4.88 4.88 0 0 1-.852 2.734l-1.46-1.46z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxsCameraOff(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M4 20h11.879l-3.083-3.083A4.774 4.774 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 2zM20 5h-2.586l-2.707-2.707A.996.996 0 0 0 14 2h-4a.996.996 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-2zm-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.88 4.88 0 0 1 12 7c2.71 0 5 2.29 5 5a4.88 4.88 0 0 1-.852 2.734l-1.46-1.46z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M4 20h11.879l-3.083-3.083A4.774 4.774 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 2zM20 5h-2.586l-2.707-2.707A.996.996 0 0 0 14 2h-4a.996.996 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-2zm-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.88 4.88 0 0 1 12 7c2.71 0 5 2.29 5 5a4.88 4.88 0 0 1-.852 2.734l-1.46-1.46z" fill="currentColor"/></svg> </template>
CSS
.icon-bxs-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%20d%3D%22M4%2020h11.879l-3.083-3.083A4.774%204.774%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%202zM20%205h-2.586l-2.707-2.707A.996.996%200%200%200%2014%202h-4a.996.996%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-2zm-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.88%204.88%200%200%201%2012%207c2.71%200%205%202.29%205%205a4.88%204.88%200%200%201-.852%202.734l-1.46-1.46z%22%20fill%3D%22currentColor%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%20d%3D%22M4%2020h11.879l-3.083-3.083A4.774%204.774%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%202zM20%205h-2.586l-2.707-2.707A.996.996%200%200%200%2014%202h-4a.996.996%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-2zm-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.88%204.88%200%200%201%2012%207c2.71%200%205%202.29%205%205a4.88%204.88%200%200%201-.852%202.734l-1.46-1.46z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxs-camera-off.svg?color=%231a73e8&size=48
