camera off icon

camera-off-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.

Name
camera-off-two-tone
Set
Keyline Icons
Style
Two Tone
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

camera-offcamera-off-duotonecamera-off-fillcamera-off-sharpcamera-off-sharp-duotonecamera-off-sharp-fillcamera-off-sharp-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="M20.6465 20.6465C20.1443 20.8736 19.5869 21 19 21L5 21C2.7909 21 1 19.2091 1 17L1 9C1 6.7909 2.7909 5 5 5ZM8.9498 4.7071C8.6638 4.4211 8.5782 3.991 8.733 3.6173C8.8878 3.2436 9.2524 3 9.6569 3L14.5 3C15.1295 3 15.7223 3.2964 16.1 3.8L17 5L19 5C21.2091 5 23 6.7909 23 9L23 16.3431C23 16.7476 22.7564 17.1122 22.3827 17.267C22.009 17.4218 21.5789 17.3362 21.2929 17.0502L8.9498 4.7071Z" stroke="none"/><path d="M19.8715 19.8715C19.5957 19.9551 19.3031 20 19 20L5 20C3.3431 20 2 18.6569 2 17L2 9C2 7.3431 3.3431 6 5 6L6 6M14.5619 14.5619C14.035 15.4244 13.0847 16 12 16C10.3431 16 9 14.6569 9 13C9 11.9153 9.5756 10.965 10.4381 10.4381M2 2L22 22"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsCameraOffTwoTone(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="M20.6465 20.6465C20.1443 20.8736 19.5869 21 19 21L5 21C2.7909 21 1 19.2091 1 17L1 9C1 6.7909 2.7909 5 5 5ZM8.9498 4.7071C8.6638 4.4211 8.5782 3.991 8.733 3.6173C8.8878 3.2436 9.2524 3 9.6569 3L14.5 3C15.1295 3 15.7223 3.2964 16.1 3.8L17 5L19 5C21.2091 5 23 6.7909 23 9L23 16.3431C23 16.7476 22.7564 17.1122 22.3827 17.267C22.009 17.4218 21.5789 17.3362 21.2929 17.0502L8.9498 4.7071Z" stroke="none"/><path d="M19.8715 19.8715C19.5957 19.9551 19.3031 20 19 20L5 20C3.3431 20 2 18.6569 2 17L2 9C2 7.3431 3.3431 6 5 6L6 6M14.5619 14.5619C14.035 15.4244 13.0847 16 12 16C10.3431 16 9 14.6569 9 13C9 11.9153 9.5756 10.965 10.4381 10.4381M2 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="M20.6465 20.6465C20.1443 20.8736 19.5869 21 19 21L5 21C2.7909 21 1 19.2091 1 17L1 9C1 6.7909 2.7909 5 5 5ZM8.9498 4.7071C8.6638 4.4211 8.5782 3.991 8.733 3.6173C8.8878 3.2436 9.2524 3 9.6569 3L14.5 3C15.1295 3 15.7223 3.2964 16.1 3.8L17 5L19 5C21.2091 5 23 6.7909 23 9L23 16.3431C23 16.7476 22.7564 17.1122 22.3827 17.267C22.009 17.4218 21.5789 17.3362 21.2929 17.0502L8.9498 4.7071Z" stroke="none"/><path d="M19.8715 19.8715C19.5957 19.9551 19.3031 20 19 20L5 20C3.3431 20 2 18.6569 2 17L2 9C2 7.3431 3.3431 6 5 6L6 6M14.5619 14.5619C14.035 15.4244 13.0847 16 12 16C10.3431 16 9 14.6569 9 13C9 11.9153 9.5756 10.965 10.4381 10.4381M2 2L22 22"/></g></svg>
</template>

CSS

.icon-camera-off-two-tone {
  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%22M20.6465%2020.6465C20.1443%2020.8736%2019.5869%2021%2019%2021L5%2021C2.7909%2021%201%2019.2091%201%2017L1%209C1%206.7909%202.7909%205%205%205ZM8.9498%204.7071C8.6638%204.4211%208.5782%203.991%208.733%203.6173C8.8878%203.2436%209.2524%203%209.6569%203L14.5%203C15.1295%203%2015.7223%203.2964%2016.1%203.8L17%205L19%205C21.2091%205%2023%206.7909%2023%209L23%2016.3431C23%2016.7476%2022.7564%2017.1122%2022.3827%2017.267C22.009%2017.4218%2021.5789%2017.3362%2021.2929%2017.0502L8.9498%204.7071Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19.8715%2019.8715C19.5957%2019.9551%2019.3031%2020%2019%2020L5%2020C3.3431%2020%202%2018.6569%202%2017L2%209C2%207.3431%203.3431%206%205%206L6%206M14.5619%2014.5619C14.035%2015.4244%2013.0847%2016%2012%2016C10.3431%2016%209%2014.6569%209%2013C9%2011.9153%209.5756%2010.965%2010.4381%2010.4381M2%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%22M20.6465%2020.6465C20.1443%2020.8736%2019.5869%2021%2019%2021L5%2021C2.7909%2021%201%2019.2091%201%2017L1%209C1%206.7909%202.7909%205%205%205ZM8.9498%204.7071C8.6638%204.4211%208.5782%203.991%208.733%203.6173C8.8878%203.2436%209.2524%203%209.6569%203L14.5%203C15.1295%203%2015.7223%203.2964%2016.1%203.8L17%205L19%205C21.2091%205%2023%206.7909%2023%209L23%2016.3431C23%2016.7476%2022.7564%2017.1122%2022.3827%2017.267C22.009%2017.4218%2021.5789%2017.3362%2021.2929%2017.0502L8.9498%204.7071Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19.8715%2019.8715C19.5957%2019.9551%2019.3031%2020%2019%2020L5%2020C3.3431%2020%202%2018.6569%202%2017L2%209C2%207.3431%203.3431%206%205%206L6%206M14.5619%2014.5619C14.035%2015.4244%2013.0847%2016%2012%2016C10.3431%2016%209%2014.6569%209%2013C9%2011.9153%209.5756%2010.965%2010.4381%2010.4381M2%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-two-tone.svg?color=%231a73e8&size=48