Video Short Multiple icon

Use the Video Short Multiple 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 { VideoShortMultiple24Regular, VideoShortMultiple24Filled } from "@fluentui/react-icons";

export function Example() {
  return <VideoShortMultiple24Regular aria-label="Video Short Multiple" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_video_short_multiple_24_regular.svg" width="24" height="24" alt="Video Short Multiple">

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="M18.4932 5.00684C19.3994 5.58357 20.001 6.59625 20.001 7.75V16.25C20.001 19.4256 17.4266 22 14.251 22H9.75098C8.59723 22 7.58455 21.3984 7.00781 20.4922C7.08831 20.4967 7.16935 20.5 7.25098 20.5H14.251C16.5982 20.5 18.501 18.5972 18.501 16.25V5.25C18.501 5.16837 18.4977 5.08733 18.4932 5.00684ZM14.25 2C16.0449 2 17.5 3.45507 17.5 5.25V16.25C17.5 18.0449 16.0449 19.5 14.25 19.5H7.25C5.45507 19.5 4 18.0449 4 16.25V5.25C4 3.45507 5.45507 2 7.25 2H14.25ZM7.25 3.5C6.2835 3.5 5.5 4.2835 5.5 5.25V16.25C5.5 17.2165 6.2835 18 7.25 18H14.25C15.2165 18 16 17.2165 16 16.25V5.25C16 4.2835 15.2165 3.5 14.25 3.5H7.25ZM8 8.75391C8.00023 7.7768 9.07153 7.17729 9.9043 7.68848L13.1553 9.68457C13.9496 10.1725 13.9496 11.3275 13.1553 11.8154L9.9043 13.8115C9.07148 14.3229 8.00014 13.7233 8 12.7461V8.75391Z" 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_short_multiple_24_regular.svg";

Details

Keywords

videoshortfilmclipmediacontentcamerarecordingcapture