flash off icon

flash-off from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: flash-off
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

flash-offCarbon flash-off-fillEva Icons flash-off-20-filledFluent UI System Icons flash-offHuge Icons flash-offIconoir flash-offMaterial Symbols flash-offMaterial Symbols Light flash-offMaterial Design Icons

Use the flash off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448m-.5-244a16 16 0 0 0-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 0 0 302.73 23l-92.58 114.46a4 4 0 0 0 .29 5.35l151 151a4 4 0 0 0 5.94-.31l60.8-75.16A16.37 16.37 0 0 0 431.5 204M301.57 369.19l-151-151a4 4 0 0 0-5.93.31L83.8 293.64A16.37 16.37 0 0 0 80.5 308A16 16 0 0 0 96 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0 0 32.5 14.53l92.61-114.46a4 4 0 0 0-.28-5.35"/></svg>

React

import type { SVGProps } from "react";

export function IonFlashOff(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448m-.5-244a16 16 0 0 0-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 0 0 302.73 23l-92.58 114.46a4 4 0 0 0 .29 5.35l151 151a4 4 0 0 0 5.94-.31l60.8-75.16A16.37 16.37 0 0 0 431.5 204M301.57 369.19l-151-151a4 4 0 0 0-5.93.31L83.8 293.64A16.37 16.37 0 0 0 80.5 308A16 16 0 0 0 96 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0 0 32.5 14.53l92.61-114.46a4 4 0 0 0-.28-5.35"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448m-.5-244a16 16 0 0 0-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 0 0 302.73 23l-92.58 114.46a4 4 0 0 0 .29 5.35l151 151a4 4 0 0 0 5.94-.31l60.8-75.16A16.37 16.37 0 0 0 431.5 204M301.57 369.19l-151-151a4 4 0 0 0-5.93.31L83.8 293.64A16.37 16.37 0 0 0 80.5 308A16 16 0 0 0 96 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0 0 32.5 14.53l92.61-114.46a4 4 0 0 0-.28-5.35"/></svg>
</template>

CSS

.icon-flash-off {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M432%20448a15.92%2015.92%200%200%201-11.31-4.69l-352-352a16%2016%200%200%201%2022.62-22.62l352%20352A16%2016%200%200%201%20432%20448m-.5-244a16%2016%200%200%200-15.5-12H307.19L335.4%2037.63c.05-.3.1-.59.13-.89A18.45%2018.45%200%200%200%20302.73%2023l-92.58%20114.46a4%204%200%200%200%20.29%205.35l151%20151a4%204%200%200%200%205.94-.31l60.8-75.16A16.37%2016.37%200%200%200%20431.5%20204M301.57%20369.19l-151-151a4%204%200%200%200-5.93.31L83.8%20293.64A16.37%2016.37%200%200%200%2080.5%20308A16%2016%200%200%200%2096%20320h108.83l-28.09%20154.36v.11a18.37%2018.37%200%200%200%2032.5%2014.53l92.61-114.46a4%204%200%200%200-.28-5.35%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M432%20448a15.92%2015.92%200%200%201-11.31-4.69l-352-352a16%2016%200%200%201%2022.62-22.62l352%20352A16%2016%200%200%201%20432%20448m-.5-244a16%2016%200%200%200-15.5-12H307.19L335.4%2037.63c.05-.3.1-.59.13-.89A18.45%2018.45%200%200%200%20302.73%2023l-92.58%20114.46a4%204%200%200%200%20.29%205.35l151%20151a4%204%200%200%200%205.94-.31l60.8-75.16A16.37%2016.37%200%200%200%20431.5%20204M301.57%20369.19l-151-151a4%204%200%200%200-5.93.31L83.8%20293.64A16.37%2016.37%200%200%200%2080.5%20308A16%2016%200%200%200%2096%20320h108.83l-28.09%20154.36v.11a18.37%2018.37%200%200%200%2032.5%2014.53l92.61-114.46a4%204%200%200%200-.28-5.35%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/flash-off.svg?color=%231a73e8&size=48