What does the webcam slash icon represent?

It signifies that a webcam is unavailable, disabled, or has been intentionally turned off.

How do I use this icon in React?

Import it as `WebcamSlash` from '@phosphor-icons/react' and use it as a React component: ` `.

The Phosphor icon set, including webcam-slash, is available under the MIT license.

Phosphor · webcam-slash · MIT

The Phosphor webcam slash icon depicts a webcam with a diagonal line through it, commonly used to indicate that the webcam is disabled or turned off.

Install

npm i @phosphor-icons/react

Import & render

import { WebcamSlash } from '@phosphor-icons/react';

<WebcamSlash size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<WebcamSlash size={24} />

thin

<WebcamSlash size={24} weight="thin" />

light

<WebcamSlash size={24} weight="light" />

bold

<WebcamSlash size={24} weight="bold" />

fill

<WebcamSlash size={24} weight="fill" />

duotone

<WebcamSlash size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: communications
Keywords: cameravideo conferencecommunicationsobjectssystemwebcamslashno webcamwebcam offcamera disabledvideo off

What does the webcam slash icon represent?: It signifies that a webcam is unavailable, disabled, or has been intentionally turned off.
How do I use this icon in React?: Import it as `WebcamSlash` from '@phosphor-icons/react' and use it as a React component: `<WebcamSlash />`.
What is the license for this icon?: The Phosphor icon set, including webcam-slash, is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →