Monitor Camera icon
icon-park:monitor-camera
The Monitor Camera icon (icon-park:monitor-camera) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Hardware
- Tags
- monitorcamera
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M24 34C32.2843 34 39 27.2843 39 19C39 10.7157 32.2843 4 24 4C15.7157 4 9 10.7157 9 19C9 27.2843 15.7157 34 24 34Z"/><path fill="#43CCF8" stroke="#fff" d="M24 25C27.3137 25 30 22.3137 30 19C30 15.6863 27.3137 13 24 13C20.6863 13 18 15.6863 18 19C18 22.3137 20.6863 25 24 25Z"/><path stroke="#000" stroke-linecap="round" d="M19.3686 34L16 44H32L28.6037 34H19.3686Z" clip-rule="evenodd"/><path stroke="#000" stroke-linecap="round" d="M12 44H36"/></g></svg>
How to use the Monitor Camera icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:monitor-camera" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:monitor-camera" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:monitor-camera" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--monitor-camera]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:monitor-camera"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:monitor-camera"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/monitor-camera.svg" alt="Monitor Camera icon" width="24" height="24">
Related icons in IconPark
Monitor Camera icon in other icon sets
Monitor Camera icon FAQ
Is the Monitor Camera icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Monitor Camera icon in React?
Install @iconify/react and render <Icon icon="icon-park:monitor-camera" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Monitor Camera icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/monitor-camera.svg" alt="Monitor Camera icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
