camera off icon

camera-off-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.

Name
camera-off-sharp-duotone
Set
Keyline Icons
Style
Sharp Duotone
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

camera-offcamera-off-duotonecamera-off-fillcamera-off-sharpcamera-off-sharp-fillcamera-off-sharp-two-tonecamera-off-two-tone

The same icon in other sets

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

Use the camera off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M5 5L9.71484 9.71484C8.67982 10.4362 8.00013 11.6383 8 12.999C8 15.2082 9.79082 16.999 12 16.999C13.3611 16.999 14.5618 16.3185 15.2832 15.2832L21 21H2C1.4477 21 1 20.5523 1 20V6C1 5.4477 1.4477 5 2 5H5Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M15 3C15.3147 3.00003 15.6109 3.14862 15.7998 3.40039L17 5H22C22.5523 5 23 5.4477 23 6V19.3428L7.70996 4.05273L8.2002 3.40039C8.38908 3.14862 8.68534 3.00003 9 3H15Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M14.5605 14.5605L13.709 14.04C13.3562 14.6176 12.722 14.999 12 14.999C10.8954 14.999 10 14.1036 10 12.999C10.0001 12.2773 10.3818 11.6438 10.959 11.291L10.4385 10.4385L14.5605 14.5605Z" stroke="none"/><path d="M1.70709 1.70703L22.2929 22.2928"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsCameraOffSharpDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M5 5L9.71484 9.71484C8.67982 10.4362 8.00013 11.6383 8 12.999C8 15.2082 9.79082 16.999 12 16.999C13.3611 16.999 14.5618 16.3185 15.2832 15.2832L21 21H2C1.4477 21 1 20.5523 1 20V6C1 5.4477 1.4477 5 2 5H5Z" stroke="none"/><path fill="currentColor" fillOpacity=".4" d="M15 3C15.3147 3.00003 15.6109 3.14862 15.7998 3.40039L17 5H22C22.5523 5 23 5.4477 23 6V19.3428L7.70996 4.05273L8.2002 3.40039C8.38908 3.14862 8.68534 3.00003 9 3H15Z" stroke="none"/><path fill="currentColor" fillOpacity=".4" d="M14.5605 14.5605L13.709 14.04C13.3562 14.6176 12.722 14.999 12 14.999C10.8954 14.999 10 14.1036 10 12.999C10.0001 12.2773 10.3818 11.6438 10.959 11.291L10.4385 10.4385L14.5605 14.5605Z" stroke="none"/><path d="M1.70709 1.70703L22.2929 22.2928"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M5 5L9.71484 9.71484C8.67982 10.4362 8.00013 11.6383 8 12.999C8 15.2082 9.79082 16.999 12 16.999C13.3611 16.999 14.5618 16.3185 15.2832 15.2832L21 21H2C1.4477 21 1 20.5523 1 20V6C1 5.4477 1.4477 5 2 5H5Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M15 3C15.3147 3.00003 15.6109 3.14862 15.7998 3.40039L17 5H22C22.5523 5 23 5.4477 23 6V19.3428L7.70996 4.05273L8.2002 3.40039C8.38908 3.14862 8.68534 3.00003 9 3H15Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M14.5605 14.5605L13.709 14.04C13.3562 14.6176 12.722 14.999 12 14.999C10.8954 14.999 10 14.1036 10 12.999C10.0001 12.2773 10.3818 11.6438 10.959 11.291L10.4385 10.4385L14.5605 14.5605Z" stroke="none"/><path d="M1.70709 1.70703L22.2929 22.2928"/></g></svg>
</template>

CSS

.icon-camera-off-sharp-duotone {
  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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M5%205L9.71484%209.71484C8.67982%2010.4362%208.00013%2011.6383%208%2012.999C8%2015.2082%209.79082%2016.999%2012%2016.999C13.3611%2016.999%2014.5618%2016.3185%2015.2832%2015.2832L21%2021H2C1.4477%2021%201%2020.5523%201%2020V6C1%205.4477%201.4477%205%202%205H5Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M15%203C15.3147%203.00003%2015.6109%203.14862%2015.7998%203.40039L17%205H22C22.5523%205%2023%205.4477%2023%206V19.3428L7.70996%204.05273L8.2002%203.40039C8.38908%203.14862%208.68534%203.00003%209%203H15Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M14.5605%2014.5605L13.709%2014.04C13.3562%2014.6176%2012.722%2014.999%2012%2014.999C10.8954%2014.999%2010%2014.1036%2010%2012.999C10.0001%2012.2773%2010.3818%2011.6438%2010.959%2011.291L10.4385%2010.4385L14.5605%2014.5605Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1.70709%201.70703L22.2929%2022.2928%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M5%205L9.71484%209.71484C8.67982%2010.4362%208.00013%2011.6383%208%2012.999C8%2015.2082%209.79082%2016.999%2012%2016.999C13.3611%2016.999%2014.5618%2016.3185%2015.2832%2015.2832L21%2021H2C1.4477%2021%201%2020.5523%201%2020V6C1%205.4477%201.4477%205%202%205H5Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M15%203C15.3147%203.00003%2015.6109%203.14862%2015.7998%203.40039L17%205H22C22.5523%205%2023%205.4477%2023%206V19.3428L7.70996%204.05273L8.2002%203.40039C8.38908%203.14862%208.68534%203.00003%209%203H15Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M14.5605%2014.5605L13.709%2014.04C13.3562%2014.6176%2012.722%2014.999%2012%2014.999C10.8954%2014.999%2010%2014.1036%2010%2012.999C10.0001%2012.2773%2010.3818%2011.6438%2010.959%2011.291L10.4385%2010.4385L14.5605%2014.5605Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1.70709%201.70703L22.2929%2022.2928%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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