CCTV

A wall-mounted camera.

File: cctv.svg
viewBox: 0 0 1008.9 542.8
Weight: 3 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import cctv from '@ba-icons/illustrations/smart-home/cctv';

<Illustration asset={cctv} size={160} />

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import cctv from '@ba-icons/illustrations/smart-home/cctv';
</script>

<template>
  <Illustration :asset="cctv" :size="160" />
</template>

Astro

---
import { Illustration } from '@ba-icons/astro';
import cctv from '@ba-icons/illustrations/smart-home/cctv';
---

<Illustration asset={cctv} size={160} />

HTML

<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.4.0.js" defer></script>

<ba-illustration name="smart-home/cctv" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.9 542.8" fill="currentColor"><path d="M903.5 518.4 898.5 513.4V432.4Q898.5 351.4 902.5 347.4Q906.5 343.4 944.5 343.4Q982.5 343.4 986 346.9Q989.5 350.4 989.5 432.4V514.4L984.5 519.4Q979.5 523.4 944.5 523.4Q917.5 523.4 912.5 522.9Q907.5 522.4 903.5 518.4ZM748.5 489.4Q729.5 484.4 715.5 470.4Q695.5 449.4 701.5 421.9Q707.5 394.4 734.5 381.4Q758.5 369.4 782.5 379.4Q813.5 392.4 820.5 420.4Q828.5 451.4 803.5 473.4Q778.5 496.4 748.5 489.4ZM830.5 452.4Q835.5 439.4 831.5 417.4L829.5 407.4H859.5H889.5V432.4V457.4H858.5H827.5ZM186.5 447.4Q170.5 444.4 163.5 434.4Q158.5 428.4 143 394.4Q127.5 360.4 130.5 358.9Q133.5 357.4 170.5 357.4H208.5L478.5 250.4Q748.5 142.4 754.5 140.4L761.5 137.4L777.5 173.4Q793.5 210.4 793.5 211.4Q793.5 212.4 782.5 216.9Q771.5 221.4 768.5 228.4Q766.5 234.4 760.5 238.4Q754.5 242.4 733.5 250.4Q711.5 259.4 712.5 261.4Q713.5 263.4 733.5 308.9Q753.5 354.4 754.5 357.4Q755.5 359.4 754 360.4Q752.5 361.4 746.5 362.4Q725.5 365.4 713.5 375.4Q708.5 380.4 707.5 379.4Q706.5 378.4 685 330.4Q663.5 282.4 662 280.9Q660.5 279.4 469.5 355.4Q278.5 431.4 270.5 433.4Q262.5 435.4 255.5 432.4Q249.5 430.4 246 430.9Q242.5 431.4 227.5 437.4Q197.5 449.4 186.5 447.4ZM105.5 439.4Q103.5 436.4 96.5 418.4Q89.5 405.4 90 401.9Q90.5 398.4 97.5 396.4Q102.5 395.4 102.5 391.4Q102.5 388.4 114 383.4Q125.5 378.4 127.5 380.4Q129.5 382.4 140.5 407.4Q151.5 432.4 151 432.9Q150.5 433.4 138 438.4Q125.5 443.4 124.5 440.4Q123.5 437.4 116.5 440.4Q109.5 443.4 108 443.4Q106.5 443.4 105.5 439.4ZM29.5 325.4Q18.5 300.4 19.5 298.9Q20.5 297.4 371 157.9Q721.5 18.4 722 19.4Q722.5 20.4 746 71.9Q769.5 123.4 767.5 125.4Q765.5 127.4 485.5 237.4L205.5 348.4L123.5 350.4L41.5 351.4ZM587.5 160.4Q602.5 148.4 595 131.9Q587.5 115.4 568.5 117.4Q547.5 120.4 547.5 141.4Q547.5 156.4 560.5 162.4Q576.5 168.4 587.5 160.4ZM566.5 153.4Q560.5 150.4 558.5 144.4Q556.5 138.4 561.5 133.4Q570.5 123.4 581.5 132.4Q589.5 139.4 583 147.9Q576.5 156.4 566.5 153.4ZM700.5 81.4Q688.5 70.4 675 73.9Q661.5 77.4 657.5 91.4Q653.5 103.4 662.5 112.4Q670.5 120.4 684.5 121.4Q692.5 121.4 699.5 113.9Q706.5 106.4 706.5 96.4Q706.5 86.4 700.5 81.4ZM673.5 107.4Q666.5 101.4 669 93.4Q671.5 85.4 681.5 85.4Q686.5 85.4 691.5 88.9Q696.5 92.4 696.5 97.4Q696.5 100.4 691 105.9Q685.5 111.4 682.5 111.4Q679.5 111.4 673.5 107.4ZM780.5 167.4Q765.5 132.4 768.5 131.4Q768.5 130.4 771.5 130.4Q776.5 128.4 776.5 127.9Q776.5 127.4 753.5 75.4L730.5 24.4L738.5 23.4Q748.5 22.4 761 25.4Q773.5 28.4 785.5 34.4Q797.5 40.4 805.5 47.4Q840.5 77.4 838.5 122.4Q835.5 157.4 808.5 183.4Q795.5 195.4 794 195.4Q792.5 195.4 780.5 167.4Z"></path></svg>

From the CDN

Link to the file instead of installing it: for <img>, CSS, emails and docs, with nothing added to your bundle. Served with CORS and cached for an hour.

https://icons.atmosphere.africa/svg/smart-home/cctv.svg

<img src="https://icons.atmosphere.africa/svg/smart-home/cctv.svg" alt="CCTV" width="160">

import { illustrationUrl } from '@ba-icons/illustrations';

illustrationUrl('smart-home/cctv');
// → https://icons.atmosphere.africa/svg/smart-home/cctv.svg

As an <img> it draws in black. To give it the text colour, use it as a mask:

.mark {
  background-color: currentColor;
  mask: url('https://icons.atmosphere.africa/svg/smart-home/cctv.svg') center / contain no-repeat;
}

New to the packages? Point your project at the registry first.