The Heroicons video camera slash icon visually represents a video camera that has been crossed out, commonly used to indicate that video recording or streaming is disabled, turned off, or not permitted.
Common uses
- Disable video recording button
- Indicate no camera access
- Mute video feed option
Use it in React
Install
npm i @heroicons/reactImport & render
import { VideoCameraSlashIcon } from '@heroicons/react/24/outline';
<VideoCameraSlashIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<VideoCameraSlashIcon className="size-6" />24/solid
<VideoCameraSlashIcon className="size-6" />20/solid
<VideoCameraSlashIcon className="size-6" />16/solid
<VideoCameraSlashIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- videocameraslashno videovideo offcamera disabledstop video
FAQ
- What does the video camera slash icon represent?
- It signifies that video functionality is unavailable, disabled, or prohibited. This is often used for features like turning off a camera or indicating a lack of video permissions.
- How do I use this icon in React?
- You can import and use it like this: `import { VideoCameraSlashIcon } from '@heroicons/react/24/outline'`. Then render it as `<VideoCameraSlashIcon />`.
- What is the license for this icon?
- The Heroicons library, including this icon, is released under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →