Dual Screen Closed Alert icon

Use the Dual Screen Closed Alert 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 { DualScreenClosedAlert24Regular, DualScreenClosedAlert24Filled } from "@fluentui/react-icons";

export function Example() {
  return <DualScreenClosedAlert24Regular aria-label="Dual Screen Closed Alert" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_dual_screen_closed_alert_24_regular.svg" width="24" height="24" alt="Dual Screen Closed Alert">

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="M16.4986 2.00001L16.5014 2C17.561 2.00302 18.5763 2.42524 19.3255 3.17447C20.0747 3.92369 20.497 4.93901 20.5 5.99858L20.5 6.00001L20.5 8.51898L21.8841 10.1799C22.0083 10.329 22.0351 10.5364 21.9528 10.7121C21.8705 10.8878 21.694 11 21.5 11H11.5C11.306 11 11.1295 10.8878 11.0472 10.7121C10.9649 10.5364 10.9917 10.329 11.1159 10.1799L12.5 8.51898V5.99858C12.503 4.93901 12.9253 3.92369 13.6745 3.17447C14.4238 2.42524 15.439 2.00302 16.4986 2.00001ZM5.75 5H11.6028C11.5359 5.32528 11.501 5.65872 11.5 5.99575V6.5H6.5V19.5H14.75C15.1642 19.5 15.5 19.1642 15.5 18.75V13.8293C15.8128 13.9398 16.1494 14 16.5 14C16.6704 14 16.8374 13.9858 17 13.9585V18.75C17 19.9926 15.9926 21 14.75 21H5.75C5.33579 21 5 20.6642 5 20.25V5.75C5 5.33579 5.33579 5 5.75 5ZM15.504 12.7319C15.2015 12.5563 14.9508 12.3038 14.7773 12H18.2227C18.0492 12.3038 17.7985 12.5563 17.496 12.7319C17.1934 12.9076 16.8498 13.0001 16.5 13.0001C16.1502 13.0001 15.8066 12.9076 15.504 12.7319Z" 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/dual_screen_closed_alert_24_regular.svg";

Details

Keywords

duoopendoublescreenfoldable