ICONYZ
English
Flash Off icon from Fluent UI MDL2

Flash Off icon

fluent-mdl2:flash-off

The Flash Off icon (fluent-mdl2:flash-off) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Fluent UI MDL2
Author
Microsoft Corporation
License
MIT
Size
2048 × 2048
Tags
flashoff
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1472 1152q93 0 174 35t142 96t96 142t36 175q0 93-35 174t-96 142t-142 96t-175 36q-93 0-174-35t-142-96t-96-142t-36-175q0-93 35-174t96-142t142-96t175-36m-320 448q0 66 25 124t68 102t102 69t125 25q47 0 92-13t84-40l-443-443q-26 39-39 84t-14 92m587 176q26-39 39-84t14-92q0-66-25-124t-69-101t-102-69t-124-26q-47 0-92 13t-84 40zm-723-880l384-768H967L455 1152h449l-384 768h29l347-347v182l-293 293H313l384-768H248L888 0h719l-384 768h660l-256 256h-182l128-128z"/></svg>

How to use the Flash Off icon

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-mdl2:flash-off" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-mdl2:flash-off" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-mdl2:flash-off" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--flash-off]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:flash-off"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-mdl2:flash-off"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/flash-off.svg" alt="Flash Off icon" width="24" height="24">

Related icons in Fluent UI MDL2

Flash Off icon in other icon sets

Flash Off icon FAQ

Is the Flash Off icon free for commercial use?

Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Flash Off icon in React?

Install @iconify/react and render <Icon icon="fluent-mdl2:flash-off" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Flash Off icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/flash-off.svg" alt="Flash Off icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent UI MDL2 icons →