cctv icon
cctv-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.
- Name
- cctv-two-tone
- Set
- Keyline Icons
- Style
- Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the cctv 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.8533 2.2187L17.2708 5.2156C18.0267 5.521 18.5216 6.2547 18.5216 7.07C18.5216 7.3267 18.4721 7.5811 18.3759 7.8192L16.5029 12.4551C16.1975 13.211 15.4638 13.7059 14.6485 13.7059C14.3918 13.7059 14.1374 13.6564 13.8993 13.5603L6.4819 10.5634C5.348 10.1053 4.6057 9.0048 4.6057 7.7818C4.6057 7.3967 4.6798 7.0151 4.8241 6.658L5.9479 3.8765C6.4061 2.7426 7.5066 2.0003 8.7295 2.0003C9.1147 2.0003 9.4962 2.0745 9.8533 2.2187ZM18.5131 7.2537L19.8396 7.1478C19.8926 7.1435 19.9457 7.1414 19.9988 7.1414C21.1034 7.1414 21.9988 8.0369 21.9988 9.1414C21.9988 9.3982 21.9493 9.6526 21.8532 9.8906L20.4432 13.3805C20.1378 14.1364 19.4041 14.6313 18.5888 14.6313C18.0151 14.6313 17.469 14.3849 17.0894 13.9548L16.2088 12.9572C16.3308 12.8051 16.4299 12.6359 16.5029 12.4551L18.3759 7.8192C18.449 7.6384 18.4952 7.4479 18.5131 7.2537Z" stroke="none"/><path d="M9.4787 3.1459L16.8962 6.1428C17.4083 6.3497 17.6556 6.9325 17.4488 7.4446L15.5757 12.0805C15.3688 12.5926 14.786 12.84 14.2739 12.6331L6.8565 9.6362C5.8323 9.2224 5.3375 8.0568 5.7513 7.0326L6.8751 4.2511C7.2889 3.2269 8.4546 2.7322 9.4787 3.1459ZM17.0742 8.3718L19.9192 8.1446C20.6602 8.0854 21.2044 8.8268 20.926 9.516L19.516 13.0059C19.2375 13.6951 18.331 13.8504 17.8391 13.293L15.9503 11.1533M7.3201 9.8235L7.3201 17L3 17M3 13L3 21"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCctvTwoTone(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.8533 2.2187L17.2708 5.2156C18.0267 5.521 18.5216 6.2547 18.5216 7.07C18.5216 7.3267 18.4721 7.5811 18.3759 7.8192L16.5029 12.4551C16.1975 13.211 15.4638 13.7059 14.6485 13.7059C14.3918 13.7059 14.1374 13.6564 13.8993 13.5603L6.4819 10.5634C5.348 10.1053 4.6057 9.0048 4.6057 7.7818C4.6057 7.3967 4.6798 7.0151 4.8241 6.658L5.9479 3.8765C6.4061 2.7426 7.5066 2.0003 8.7295 2.0003C9.1147 2.0003 9.4962 2.0745 9.8533 2.2187ZM18.5131 7.2537L19.8396 7.1478C19.8926 7.1435 19.9457 7.1414 19.9988 7.1414C21.1034 7.1414 21.9988 8.0369 21.9988 9.1414C21.9988 9.3982 21.9493 9.6526 21.8532 9.8906L20.4432 13.3805C20.1378 14.1364 19.4041 14.6313 18.5888 14.6313C18.0151 14.6313 17.469 14.3849 17.0894 13.9548L16.2088 12.9572C16.3308 12.8051 16.4299 12.6359 16.5029 12.4551L18.3759 7.8192C18.449 7.6384 18.4952 7.4479 18.5131 7.2537Z" stroke="none"/><path d="M9.4787 3.1459L16.8962 6.1428C17.4083 6.3497 17.6556 6.9325 17.4488 7.4446L15.5757 12.0805C15.3688 12.5926 14.786 12.84 14.2739 12.6331L6.8565 9.6362C5.8323 9.2224 5.3375 8.0568 5.7513 7.0326L6.8751 4.2511C7.2889 3.2269 8.4546 2.7322 9.4787 3.1459ZM17.0742 8.3718L19.9192 8.1446C20.6602 8.0854 21.2044 8.8268 20.926 9.516L19.516 13.0059C19.2375 13.6951 18.331 13.8504 17.8391 13.293L15.9503 11.1533M7.3201 9.8235L7.3201 17L3 17M3 13L3 21"/></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.8533 2.2187L17.2708 5.2156C18.0267 5.521 18.5216 6.2547 18.5216 7.07C18.5216 7.3267 18.4721 7.5811 18.3759 7.8192L16.5029 12.4551C16.1975 13.211 15.4638 13.7059 14.6485 13.7059C14.3918 13.7059 14.1374 13.6564 13.8993 13.5603L6.4819 10.5634C5.348 10.1053 4.6057 9.0048 4.6057 7.7818C4.6057 7.3967 4.6798 7.0151 4.8241 6.658L5.9479 3.8765C6.4061 2.7426 7.5066 2.0003 8.7295 2.0003C9.1147 2.0003 9.4962 2.0745 9.8533 2.2187ZM18.5131 7.2537L19.8396 7.1478C19.8926 7.1435 19.9457 7.1414 19.9988 7.1414C21.1034 7.1414 21.9988 8.0369 21.9988 9.1414C21.9988 9.3982 21.9493 9.6526 21.8532 9.8906L20.4432 13.3805C20.1378 14.1364 19.4041 14.6313 18.5888 14.6313C18.0151 14.6313 17.469 14.3849 17.0894 13.9548L16.2088 12.9572C16.3308 12.8051 16.4299 12.6359 16.5029 12.4551L18.3759 7.8192C18.449 7.6384 18.4952 7.4479 18.5131 7.2537Z" stroke="none"/><path d="M9.4787 3.1459L16.8962 6.1428C17.4083 6.3497 17.6556 6.9325 17.4488 7.4446L15.5757 12.0805C15.3688 12.5926 14.786 12.84 14.2739 12.6331L6.8565 9.6362C5.8323 9.2224 5.3375 8.0568 5.7513 7.0326L6.8751 4.2511C7.2889 3.2269 8.4546 2.7322 9.4787 3.1459ZM17.0742 8.3718L19.9192 8.1446C20.6602 8.0854 21.2044 8.8268 20.926 9.516L19.516 13.0059C19.2375 13.6951 18.331 13.8504 17.8391 13.293L15.9503 11.1533M7.3201 9.8235L7.3201 17L3 17M3 13L3 21"/></g></svg> </template>
CSS
.icon-cctv-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%22M9.8533%202.2187L17.2708%205.2156C18.0267%205.521%2018.5216%206.2547%2018.5216%207.07C18.5216%207.3267%2018.4721%207.5811%2018.3759%207.8192L16.5029%2012.4551C16.1975%2013.211%2015.4638%2013.7059%2014.6485%2013.7059C14.3918%2013.7059%2014.1374%2013.6564%2013.8993%2013.5603L6.4819%2010.5634C5.348%2010.1053%204.6057%209.0048%204.6057%207.7818C4.6057%207.3967%204.6798%207.0151%204.8241%206.658L5.9479%203.8765C6.4061%202.7426%207.5066%202.0003%208.7295%202.0003C9.1147%202.0003%209.4962%202.0745%209.8533%202.2187ZM18.5131%207.2537L19.8396%207.1478C19.8926%207.1435%2019.9457%207.1414%2019.9988%207.1414C21.1034%207.1414%2021.9988%208.0369%2021.9988%209.1414C21.9988%209.3982%2021.9493%209.6526%2021.8532%209.8906L20.4432%2013.3805C20.1378%2014.1364%2019.4041%2014.6313%2018.5888%2014.6313C18.0151%2014.6313%2017.469%2014.3849%2017.0894%2013.9548L16.2088%2012.9572C16.3308%2012.8051%2016.4299%2012.6359%2016.5029%2012.4551L18.3759%207.8192C18.449%207.6384%2018.4952%207.4479%2018.5131%207.2537Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M9.4787%203.1459L16.8962%206.1428C17.4083%206.3497%2017.6556%206.9325%2017.4488%207.4446L15.5757%2012.0805C15.3688%2012.5926%2014.786%2012.84%2014.2739%2012.6331L6.8565%209.6362C5.8323%209.2224%205.3375%208.0568%205.7513%207.0326L6.8751%204.2511C7.2889%203.2269%208.4546%202.7322%209.4787%203.1459ZM17.0742%208.3718L19.9192%208.1446C20.6602%208.0854%2021.2044%208.8268%2020.926%209.516L19.516%2013.0059C19.2375%2013.6951%2018.331%2013.8504%2017.8391%2013.293L15.9503%2011.1533M7.3201%209.8235L7.3201%2017L3%2017M3%2013L3%2021%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.8533%202.2187L17.2708%205.2156C18.0267%205.521%2018.5216%206.2547%2018.5216%207.07C18.5216%207.3267%2018.4721%207.5811%2018.3759%207.8192L16.5029%2012.4551C16.1975%2013.211%2015.4638%2013.7059%2014.6485%2013.7059C14.3918%2013.7059%2014.1374%2013.6564%2013.8993%2013.5603L6.4819%2010.5634C5.348%2010.1053%204.6057%209.0048%204.6057%207.7818C4.6057%207.3967%204.6798%207.0151%204.8241%206.658L5.9479%203.8765C6.4061%202.7426%207.5066%202.0003%208.7295%202.0003C9.1147%202.0003%209.4962%202.0745%209.8533%202.2187ZM18.5131%207.2537L19.8396%207.1478C19.8926%207.1435%2019.9457%207.1414%2019.9988%207.1414C21.1034%207.1414%2021.9988%208.0369%2021.9988%209.1414C21.9988%209.3982%2021.9493%209.6526%2021.8532%209.8906L20.4432%2013.3805C20.1378%2014.1364%2019.4041%2014.6313%2018.5888%2014.6313C18.0151%2014.6313%2017.469%2014.3849%2017.0894%2013.9548L16.2088%2012.9572C16.3308%2012.8051%2016.4299%2012.6359%2016.5029%2012.4551L18.3759%207.8192C18.449%207.6384%2018.4952%207.4479%2018.5131%207.2537Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M9.4787%203.1459L16.8962%206.1428C17.4083%206.3497%2017.6556%206.9325%2017.4488%207.4446L15.5757%2012.0805C15.3688%2012.5926%2014.786%2012.84%2014.2739%2012.6331L6.8565%209.6362C5.8323%209.2224%205.3375%208.0568%205.7513%207.0326L6.8751%204.2511C7.2889%203.2269%208.4546%202.7322%209.4787%203.1459ZM17.0742%208.3718L19.9192%208.1446C20.6602%208.0854%2021.2044%208.8268%2020.926%209.516L19.516%2013.0059C19.2375%2013.6951%2018.331%2013.8504%2017.8391%2013.293L15.9503%2011.1533M7.3201%209.8235L7.3201%2017L3%2017M3%2013L3%2021%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/cctv-two-tone.svg?color=%231a73e8&size=48
