camera off icon

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

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

7 other variants in Keyline Icons

camera-offcamera-off-fillcamera-off-sharpcamera-off-sharp-duotonecamera-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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M9.71484 9.71484C8.67982 10.4362 8.00016 11.6383 8 12.999C8 15.2082 9.79082 16.999 12 16.999C13.3611 16.999 14.5618 16.3186 15.2832 15.2832L20.6465 20.6465C20.1443 20.8736 19.5869 21 19 21H5C2.7909 21 1 19.2091 1 17V9C1 6.7909 2.7909 5 5 5L9.71484 9.71484Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M14.5 3C15.1294 3 15.7219 3.29639 16.0996 3.7998L17 5H19C21.2091 5 23 6.7909 23 9V16.3428C23 16.7472 22.7564 17.1117 22.3828 17.2666C22.0091 17.4214 21.579 17.3358 21.293 17.0498L8.9502 4.70703C8.6642 4.42103 8.5786 3.99089 8.7334 3.61719C8.88825 3.24362 9.25281 3 9.65723 3H14.5Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M13.8545 13.8545C13.8 13.9092 13.751 13.9712 13.709 14.04C13.3562 14.6176 12.722 14.999 12 14.999C10.8954 14.999 10 14.1036 10 12.999C10.0002 12.2773 10.3818 11.6438 10.959 11.291C11.028 11.2488 11.0887 11.1983 11.1436 11.1436L13.8545 13.8545Z" stroke="none"/><path d="M2 2L22 22"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsCameraOffDuotone(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M9.71484 9.71484C8.67982 10.4362 8.00016 11.6383 8 12.999C8 15.2082 9.79082 16.999 12 16.999C13.3611 16.999 14.5618 16.3186 15.2832 15.2832L20.6465 20.6465C20.1443 20.8736 19.5869 21 19 21H5C2.7909 21 1 19.2091 1 17V9C1 6.7909 2.7909 5 5 5L9.71484 9.71484Z" stroke="none"/><path fill="currentColor" fillOpacity=".4" d="M14.5 3C15.1294 3 15.7219 3.29639 16.0996 3.7998L17 5H19C21.2091 5 23 6.7909 23 9V16.3428C23 16.7472 22.7564 17.1117 22.3828 17.2666C22.0091 17.4214 21.579 17.3358 21.293 17.0498L8.9502 4.70703C8.6642 4.42103 8.5786 3.99089 8.7334 3.61719C8.88825 3.24362 9.25281 3 9.65723 3H14.5Z" stroke="none"/><path fill="currentColor" fillOpacity=".4" d="M13.8545 13.8545C13.8 13.9092 13.751 13.9712 13.709 14.04C13.3562 14.6176 12.722 14.999 12 14.999C10.8954 14.999 10 14.1036 10 12.999C10.0002 12.2773 10.3818 11.6438 10.959 11.291C11.028 11.2488 11.0887 11.1983 11.1436 11.1436L13.8545 13.8545Z" stroke="none"/><path d="M2 2L22 22"/></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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M9.71484 9.71484C8.67982 10.4362 8.00016 11.6383 8 12.999C8 15.2082 9.79082 16.999 12 16.999C13.3611 16.999 14.5618 16.3186 15.2832 15.2832L20.6465 20.6465C20.1443 20.8736 19.5869 21 19 21H5C2.7909 21 1 19.2091 1 17V9C1 6.7909 2.7909 5 5 5L9.71484 9.71484Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M14.5 3C15.1294 3 15.7219 3.29639 16.0996 3.7998L17 5H19C21.2091 5 23 6.7909 23 9V16.3428C23 16.7472 22.7564 17.1117 22.3828 17.2666C22.0091 17.4214 21.579 17.3358 21.293 17.0498L8.9502 4.70703C8.6642 4.42103 8.5786 3.99089 8.7334 3.61719C8.88825 3.24362 9.25281 3 9.65723 3H14.5Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M13.8545 13.8545C13.8 13.9092 13.751 13.9712 13.709 14.04C13.3562 14.6176 12.722 14.999 12 14.999C10.8954 14.999 10 14.1036 10 12.999C10.0002 12.2773 10.3818 11.6438 10.959 11.291C11.028 11.2488 11.0887 11.1983 11.1436 11.1436L13.8545 13.8545Z" stroke="none"/><path d="M2 2L22 22"/></g></svg>
</template>

CSS

.icon-camera-off-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-linecap%3D%22round%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%22M9.71484%209.71484C8.67982%2010.4362%208.00016%2011.6383%208%2012.999C8%2015.2082%209.79082%2016.999%2012%2016.999C13.3611%2016.999%2014.5618%2016.3186%2015.2832%2015.2832L20.6465%2020.6465C20.1443%2020.8736%2019.5869%2021%2019%2021H5C2.7909%2021%201%2019.2091%201%2017V9C1%206.7909%202.7909%205%205%205L9.71484%209.71484Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M14.5%203C15.1294%203%2015.7219%203.29639%2016.0996%203.7998L17%205H19C21.2091%205%2023%206.7909%2023%209V16.3428C23%2016.7472%2022.7564%2017.1117%2022.3828%2017.2666C22.0091%2017.4214%2021.579%2017.3358%2021.293%2017.0498L8.9502%204.70703C8.6642%204.42103%208.5786%203.99089%208.7334%203.61719C8.88825%203.24362%209.25281%203%209.65723%203H14.5Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M13.8545%2013.8545C13.8%2013.9092%2013.751%2013.9712%2013.709%2014.04C13.3562%2014.6176%2012.722%2014.999%2012%2014.999C10.8954%2014.999%2010%2014.1036%2010%2012.999C10.0002%2012.2773%2010.3818%2011.6438%2010.959%2011.291C11.028%2011.2488%2011.0887%2011.1983%2011.1436%2011.1436L13.8545%2013.8545Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%202L22%2022%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-linecap%3D%22round%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%22M9.71484%209.71484C8.67982%2010.4362%208.00016%2011.6383%208%2012.999C8%2015.2082%209.79082%2016.999%2012%2016.999C13.3611%2016.999%2014.5618%2016.3186%2015.2832%2015.2832L20.6465%2020.6465C20.1443%2020.8736%2019.5869%2021%2019%2021H5C2.7909%2021%201%2019.2091%201%2017V9C1%206.7909%202.7909%205%205%205L9.71484%209.71484Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M14.5%203C15.1294%203%2015.7219%203.29639%2016.0996%203.7998L17%205H19C21.2091%205%2023%206.7909%2023%209V16.3428C23%2016.7472%2022.7564%2017.1117%2022.3828%2017.2666C22.0091%2017.4214%2021.579%2017.3358%2021.293%2017.0498L8.9502%204.70703C8.6642%204.42103%208.5786%203.99089%208.7334%203.61719C8.88825%203.24362%209.25281%203%209.65723%203H14.5Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M13.8545%2013.8545C13.8%2013.9092%2013.751%2013.9712%2013.709%2014.04C13.3562%2014.6176%2012.722%2014.999%2012%2014.999C10.8954%2014.999%2010%2014.1036%2010%2012.999C10.0002%2012.2773%2010.3818%2011.6438%2010.959%2011.291C11.028%2011.2488%2011.0887%2011.1983%2011.1436%2011.1436L13.8545%2013.8545Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%202L22%2022%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-duotone.svg?color=%231a73e8&size=48