Video Prohibited icon

Use the Video Prohibited icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { VideoProhibited24Regular, VideoProhibited24Filled } from "@fluentui/react-icons";

export function Example() {
  return <VideoProhibited24Regular aria-label="Video Prohibited" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_video_prohibited_24_regular.svg" width="24" height="24" alt="Video Prohibited">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 11C9.53757 11 12 13.4624 12 16.5C12 19.5376 9.53757 22 6.5 22C3.46243 22 1 19.5376 1 16.5C1 13.4624 3.46243 11 6.5 11ZM4.25195 19.8086C4.89266 20.2448 5.66647 20.5 6.5 20.5C8.70914 20.5 10.5 18.7091 10.5 16.5C10.5 15.6665 10.2448 14.8927 9.80859 14.252L4.25195 19.8086ZM12.75 5C14.5449 5 16 6.45507 16 8.25V8.56152L19.2578 6.31152C20.4186 5.51052 22.0019 6.34151 22.002 7.75195V16.2471C22.002 17.6576 20.4186 18.4886 19.2578 17.6875L16 15.4375V15.75C16 17.5449 14.5449 19 12.75 19H12.501C12.6999 18.5231 12.8433 18.0176 12.9238 17.4912C13.8087 17.4039 14.5 16.6578 14.5 15.75V8.25C14.5 7.2835 13.7165 6.5 12.75 6.5H5.25C4.2835 6.5 3.5 7.2835 3.5 8.25V10.7334C2.94877 11.0208 2.44437 11.3849 2 11.8115V8.25C2 6.45507 3.45507 5 5.25 5H12.75ZM6.5 12.5C4.29086 12.5 2.5 14.2909 2.5 16.5C2.5 17.3335 2.75523 18.1073 3.19141 18.748L8.74805 13.1914C8.10734 12.7552 7.33353 12.5 6.5 12.5ZM20.502 7.75195C20.5019 7.55048 20.2752 7.43141 20.1094 7.5459L16 10.3838V13.6152L20.1094 16.4531C20.2752 16.5676 20.502 16.4486 20.502 16.2471V7.75195Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/video_prohibited_24_regular.svg";

Details

Keywords

videofilmclipmediacontentcamerarecordingcaptureprohibited