Flash Off icon

Use the Flash 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 { FlashOff24Regular, FlashOff24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_flash_off_24_regular.svg" width="24" height="24" alt="Flash 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="M5.93886 6.9996L2.21966 3.28032C1.92677 2.98743 1.92678 2.51255 2.21968 2.21966C2.51257 1.92677 2.98745 1.92678 3.28034 2.21968L21.7801 20.7198C22.073 21.0127 22.073 21.4876 21.7801 21.7805C21.4872 22.0734 21.0123 22.0734 20.7194 21.7805L14.4361 15.497L8.58502 21.536C7.53128 22.6236 5.71307 21.6422 6.04398 20.1645L7.31321 14.4964L5.74476 14.4904C4.53801 14.4858 3.69797 13.2899 4.10294 12.1532L5.93886 6.9996ZM13.3753 14.4362L7.11294 8.1737L5.51596 12.6565C5.4581 12.8189 5.57811 12.9898 5.7505 12.9904L8.25179 13C8.47899 13.0009 8.69355 13.1047 8.83523 13.2823C8.97691 13.4599 9.03044 13.6922 8.9808 13.9139L7.50773 20.4923L13.3753 14.4362ZM18.1579 9.5L15.463 12.2815L16.5237 13.3423L19.646 10.1198C20.4143 9.32683 19.8524 8 18.7483 8H14.7895L16.2411 3.64528C16.5109 2.83587 15.9084 2 15.0552 2H8.60158C8.07295 2 7.60147 2.33254 7.42407 2.83052L7.05319 3.8716L8.22726 5.0457L8.77791 3.5H14.7084L13.0374 8.51283C12.9612 8.74154 12.9995 8.99296 13.1405 9.18853C13.2815 9.38411 13.5078 9.5 13.7489 9.5H18.1579Z" 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/flash_off_24_regular.svg";

Details

Keywords

lightningflashboltpoweraithunder