cctv icon
cctv-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- cctv-fill
- Set
- Keyline Icons
- Style
- Fill
- 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-rule="evenodd" 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.2187Z" clip-rule="evenodd" stroke="none"/><path d="M17.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 KeylineIconsCctvFill(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" fillRule="evenodd" 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.2187Z" clipRule="evenodd" stroke="none"/><path d="M17.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-rule="evenodd" 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.2187Z" clip-rule="evenodd" stroke="none"/><path d="M17.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-fill {
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-rule%3D%22evenodd%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.2187Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17.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-rule%3D%22evenodd%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.2187Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17.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-fill.svg?color=%231a73e8&size=48
