gentleface

Gentleface › Security & privacy › cctv

cctv icon

Cctv: cctv, surveillance, security camera, video surveillance. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M13.163 9.978C12.957 10.162 12.724 10.298 12.462 10.385C12.2 10.472 11.931 10.504 11.656 10.48C11.403 10.458 11.162 10.39 10.935 10.276L6 7.809L6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13L3 13L3 14.5C3 14.641 2.952 14.759 2.856 14.856C2.759 14.952 2.641 15 2.5 15C2.359 15 2.241 14.952 2.144 14.856C2.048 14.759 2 14.641 2 14.5L2 9.5C2 9.359 2.048 9.241 2.144 9.144C2.241 9.048 2.359 9 2.5 9C2.641 9 2.759 9.048 2.856 9.144C2.952 9.241 3 9.359 3 9.5L3 12L5 12L5 7.309L3.618 6.618C3.391 6.504 3.192 6.353 3.022 6.163C2.838 5.957 2.702 5.724 2.615 5.462C2.528 5.2 2.496 4.931 2.52 4.656C2.542 4.403 2.61 4.162 2.724 3.935L3.382 2.618C3.496 2.391 3.647 2.192 3.837 2.022C4.043 1.838 4.276 1.702 4.538 1.615C4.8 1.528 5.069 1.496 5.344 1.52C5.597 1.542 5.838 1.61 6.065 1.724L13.382 5.382C13.609 5.496 13.808 5.647 13.978 5.837C14.162 6.043 14.298 6.276 14.385 6.538C14.472 6.8 14.504 7.069 14.48 7.344C14.458 7.597 14.39 7.838 14.276 8.065L13.618 9.382C13.504 9.609 13.353 9.808 13.163 9.978ZM3.618 4.382C3.495 4.629 3.476 4.883 3.564 5.145C3.651 5.407 3.818 5.6 4.065 5.724L11.382 9.382C11.629 9.505 11.883 9.524 12.145 9.436C12.407 9.349 12.6 9.182 12.724 8.935L13.382 7.618C13.505 7.371 13.524 7.117 13.436 6.855C13.349 6.593 13.182 6.4 12.935 6.276L5.618 2.618C5.371 2.495 5.117 2.476 4.855 2.564C4.593 2.651 4.4 2.818 4.276 3.065L3.618 4.382Z"/></svg>
React
// Gentleface "cctv" (line-round), MIT. https://gentleface.com/icons/cctv
import type { SVGProps } from 'react';

export function CctvIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M13.163 9.978C12.957 10.162 12.724 10.298 12.462 10.385C12.2 10.472 11.931 10.504 11.656 10.48C11.403 10.458 11.162 10.39 10.935 10.276L6 7.809L6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13L3 13L3 14.5C3 14.641 2.952 14.759 2.856 14.856C2.759 14.952 2.641 15 2.5 15C2.359 15 2.241 14.952 2.144 14.856C2.048 14.759 2 14.641 2 14.5L2 9.5C2 9.359 2.048 9.241 2.144 9.144C2.241 9.048 2.359 9 2.5 9C2.641 9 2.759 9.048 2.856 9.144C2.952 9.241 3 9.359 3 9.5L3 12L5 12L5 7.309L3.618 6.618C3.391 6.504 3.192 6.353 3.022 6.163C2.838 5.957 2.702 5.724 2.615 5.462C2.528 5.2 2.496 4.931 2.52 4.656C2.542 4.403 2.61 4.162 2.724 3.935L3.382 2.618C3.496 2.391 3.647 2.192 3.837 2.022C4.043 1.838 4.276 1.702 4.538 1.615C4.8 1.528 5.069 1.496 5.344 1.52C5.597 1.542 5.838 1.61 6.065 1.724L13.382 5.382C13.609 5.496 13.808 5.647 13.978 5.837C14.162 6.043 14.298 6.276 14.385 6.538C14.472 6.8 14.504 7.069 14.48 7.344C14.458 7.597 14.39 7.838 14.276 8.065L13.618 9.382C13.504 9.609 13.353 9.808 13.163 9.978ZM3.618 4.382C3.495 4.629 3.476 4.883 3.564 5.145C3.651 5.407 3.818 5.6 4.065 5.724L11.382 9.382C11.629 9.505 11.883 9.524 12.145 9.436C12.407 9.349 12.6 9.182 12.724 8.935L13.382 7.618C13.505 7.371 13.524 7.117 13.436 6.855C13.349 6.593 13.182 6.4 12.935 6.276L5.618 2.618C5.371 2.495 5.117 2.476 4.855 2.564C4.593 2.651 4.4 2.818 4.276 3.065L3.618 4.382Z" />
    </svg>
  );
}
Vue
Vue: see /icons/cctv.md
Svelte
Svelte: see /icons/cctv.md
HTML img
HTML img: see /icons/cctv.md
CSS
CSS: see /icons/cctv.md
Data URL
Data URL: see /icons/cctv.md
Sprite
Sprite: see /icons/cctv.md
SwiftUI
SwiftUI: see /icons/cctv.md
Compose
Compose: see /icons/cctv.md
Android XML
Android XML: see /icons/cctv.md
Flutter
Flutter: see /icons/cctv.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
cctv, surveillance, security camera, video surveillance
Don’t confuse with
  • camera: camera means take a photo
  • video: video means video calls and webcams
Also fits
  • motion sensor: a security camera
Tags
cctv, surveillance, security, camera, bullet-camera, wall-mount, monitoring, recording
Category
Security & privacy
Component name
CctvIcon
History
  • added

Family 1

cctv-off

More security & privacy icons

brick-wall fingerprint fingerprint-off incognito input-password key key-alert key-check key-clock key-code key-horizontal key-off key-plus key-question lock lock-check · all security & privacy icons

For agents

Metadata: /icons/cctv.json · Markdown: /icons/cctv.md · SVG: https://gentleface.com/svg/{style}/16/cctv.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/cctv.png

Feedback