cctv off icon
cctv-off from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- cctv-off
- Set
- Keyline Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the cctv off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.5207 11.5207L6.8565 9.6362C6.1005 9.3308 5.6057 8.5971 5.6057 7.7818C5.6057 7.5251 5.6551 7.2707 5.7513 7.0326L6.12 6.12M8.6584 3.0016C8.6821 3.0007 8.7058 3.0003 8.7295 3.0003C8.9863 3.0003 9.2406 3.0497 9.4787 3.1459L16.8962 6.1428C17.2741 6.2955 17.5216 6.6623 17.5216 7.07C17.5216 7.1984 17.4969 7.3255 17.4488 7.4446L16.1978 10.5409M17.0742 8.3718L19.9192 8.1446C19.9457 8.1425 19.9722 8.1414 19.9988 8.1414C20.5511 8.1414 20.9988 8.5891 20.9988 9.1414C20.9988 9.2698 20.9741 9.397 20.926 9.516L19.516 13.0059C19.4385 13.1977 19.3034 13.3607 19.1294 13.4726M7.3201 9.8235L7.3201 17L3 17M3 13L3 21M2 2L22 22"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCctvOff(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M11.5207 11.5207L6.8565 9.6362C6.1005 9.3308 5.6057 8.5971 5.6057 7.7818C5.6057 7.5251 5.6551 7.2707 5.7513 7.0326L6.12 6.12M8.6584 3.0016C8.6821 3.0007 8.7058 3.0003 8.7295 3.0003C8.9863 3.0003 9.2406 3.0497 9.4787 3.1459L16.8962 6.1428C17.2741 6.2955 17.5216 6.6623 17.5216 7.07C17.5216 7.1984 17.4969 7.3255 17.4488 7.4446L16.1978 10.5409M17.0742 8.3718L19.9192 8.1446C19.9457 8.1425 19.9722 8.1414 19.9988 8.1414C20.5511 8.1414 20.9988 8.5891 20.9988 9.1414C20.9988 9.2698 20.9741 9.397 20.926 9.516L19.516 13.0059C19.4385 13.1977 19.3034 13.3607 19.1294 13.4726M7.3201 9.8235L7.3201 17L3 17M3 13L3 21M2 2L22 22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.5207 11.5207L6.8565 9.6362C6.1005 9.3308 5.6057 8.5971 5.6057 7.7818C5.6057 7.5251 5.6551 7.2707 5.7513 7.0326L6.12 6.12M8.6584 3.0016C8.6821 3.0007 8.7058 3.0003 8.7295 3.0003C8.9863 3.0003 9.2406 3.0497 9.4787 3.1459L16.8962 6.1428C17.2741 6.2955 17.5216 6.6623 17.5216 7.07C17.5216 7.1984 17.4969 7.3255 17.4488 7.4446L16.1978 10.5409M17.0742 8.3718L19.9192 8.1446C19.9457 8.1425 19.9722 8.1414 19.9988 8.1414C20.5511 8.1414 20.9988 8.5891 20.9988 9.1414C20.9988 9.2698 20.9741 9.397 20.926 9.516L19.516 13.0059C19.4385 13.1977 19.3034 13.3607 19.1294 13.4726M7.3201 9.8235L7.3201 17L3 17M3 13L3 21M2 2L22 22"/></svg> </template>
CSS
.icon-cctv-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M11.5207%2011.5207L6.8565%209.6362C6.1005%209.3308%205.6057%208.5971%205.6057%207.7818C5.6057%207.5251%205.6551%207.2707%205.7513%207.0326L6.12%206.12M8.6584%203.0016C8.6821%203.0007%208.7058%203.0003%208.7295%203.0003C8.9863%203.0003%209.2406%203.0497%209.4787%203.1459L16.8962%206.1428C17.2741%206.2955%2017.5216%206.6623%2017.5216%207.07C17.5216%207.1984%2017.4969%207.3255%2017.4488%207.4446L16.1978%2010.5409M17.0742%208.3718L19.9192%208.1446C19.9457%208.1425%2019.9722%208.1414%2019.9988%208.1414C20.5511%208.1414%2020.9988%208.5891%2020.9988%209.1414C20.9988%209.2698%2020.9741%209.397%2020.926%209.516L19.516%2013.0059C19.4385%2013.1977%2019.3034%2013.3607%2019.1294%2013.4726M7.3201%209.8235L7.3201%2017L3%2017M3%2013L3%2021M2%202L22%2022%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M11.5207%2011.5207L6.8565%209.6362C6.1005%209.3308%205.6057%208.5971%205.6057%207.7818C5.6057%207.5251%205.6551%207.2707%205.7513%207.0326L6.12%206.12M8.6584%203.0016C8.6821%203.0007%208.7058%203.0003%208.7295%203.0003C8.9863%203.0003%209.2406%203.0497%209.4787%203.1459L16.8962%206.1428C17.2741%206.2955%2017.5216%206.6623%2017.5216%207.07C17.5216%207.1984%2017.4969%207.3255%2017.4488%207.4446L16.1978%2010.5409M17.0742%208.3718L19.9192%208.1446C19.9457%208.1425%2019.9722%208.1414%2019.9988%208.1414C20.5511%208.1414%2020.9988%208.5891%2020.9988%209.1414C20.9988%209.2698%2020.9741%209.397%2020.926%209.516L19.516%2013.0059C19.4385%2013.1977%2019.3034%2013.3607%2019.1294%2013.4726M7.3201%209.8235L7.3201%2017L3%2017M3%2013L3%2021M2%202L22%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/cctv-off.svg?color=%231a73e8&size=48
