Video Off icon

Use the Video Off 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 { VideoOff24Regular, VideoOff24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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="M3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L4.13545 5.19615C2.88949 5.651 2 6.84662 2 8.25V15.75C2 17.5449 3.45507 19 5.25 19H12.75C14.1533 19 15.3489 18.1106 15.8038 16.8647L20.7194 21.7805C21.0123 22.0734 21.4872 22.0734 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968ZM14.5 15.5609V15.75C14.5 16.7165 13.7165 17.5 12.75 17.5H5.25C4.2835 17.5 3.5 16.7165 3.5 15.75V8.25C3.5 7.2835 4.2835 6.5 5.25 6.5H5.43928L14.5 15.5609ZM14.5 8.25V11.3181L16 12.8181V10.384L20.1098 7.54632C20.2756 7.43181 20.5018 7.55052 20.5018 7.75204V16.2471C20.5018 16.4486 20.2756 16.5673 20.1098 16.4528L18.5749 15.393L21.0074 17.8256C21.5776 17.5521 22.0018 16.9772 22.0018 16.2471V7.75204C22.0018 6.34137 20.4183 5.51044 19.2575 6.31197L16 8.56118V8.25C16 6.45507 14.5449 5 12.75 5H8.18205L9.68202 6.5H12.75C13.7165 6.5 14.5 7.2835 14.5 8.25Z" 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_off_24_regular.svg";

Details

Keywords

videofilmclipmediacontentcamerarecordingcaptureslash