Fluent Icons

Flash Flow icon

Used in flash scenarios for cameras & in general intelligence for processes (AI). The Flash Flow icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 3 sizes from 16 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_flash_flow_24_regular.svg

Flash Flow icon in React

npm install @fluentui/react-icons

import { FlashFlow24Regular } from "@fluentui/react-icons";

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

Flash Flow icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/flash_flow_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/flash_flow_24_regular.svg" width="24" height="24" alt="Flash Flow">

Flash Flow icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.FlashFlow())" />

Flash Flow icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.flash_flow_24_regular)

Flash Flow icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xE623;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xE623;" FontSize="24" />

Flash Flow icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_flash_flow_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\e623";
  font-size: 24px;
}

Flash Flow icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_flash_flow_24_regular" />

// Kotlin
R.drawable.ic_fluent_flash_flow_24_regular

Flash Flow icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .flashFlow24Regular)

Flash Flow icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

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

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

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_flash_flow_24_regular.svg" width="24" height="24" alt="Flash Flow">

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="M7.42602 2.83052C7.60342 2.33254 8.0749 2 8.60353 2H15.0572C15.9104 2 16.5128 2.83587 16.243 3.64528L14.7914 8H18.7502C19.8543 8 20.4162 9.32683 19.6479 10.1198L16.465 13.405C16.3549 13.0163 16.2435 12.6565 16.1435 12.3975C16.0758 12.2027 15.9936 12.0148 15.8963 11.8363L18.1599 9.5H13.7509C13.5098 9.5 13.2834 9.38411 13.1424 9.18853C13.0015 8.99296 12.9631 8.74154 13.0394 8.51283L14.7103 3.5H8.77986L5.51791 12.6565C5.46006 12.8189 5.58006 12.9898 5.75245 12.9904L6.7113 12.9941C7.05122 13.961 7.77621 14.7465 8.70222 15.1667L7.50968 20.4923L13.1761 14.6438C13.2558 14.9379 13.3417 15.2697 13.4273 15.6119C13.4933 15.8762 13.5552 16.1302 13.6087 16.353L8.58697 21.536C7.53324 22.6236 5.71502 21.6422 6.04593 20.1645L7.31516 14.4964L5.74671 14.4904C4.53996 14.4858 3.69993 13.2899 4.10489 12.1532L7.42602 2.83052ZM12.8125 12.75C12.4125 13.7743 11.416 14.5 10.25 14.5C8.73122 14.5 7.5 13.2688 7.5 11.75C7.5 10.2312 8.73122 9 10.25 9C11.598 9 12.7195 9.96994 12.9547 11.25H13.25C13.6261 11.25 14.0362 11.3452 14.4047 11.6084C14.7697 11.8692 15.0382 12.2549 15.2044 12.7419C15.3935 13.2238 15.6514 14.2009 15.8526 15.0056C15.9578 15.4263 16.0523 15.8202 16.1205 16.1087C16.1546 16.2531 16.1822 16.3713 16.2013 16.4535L16.2221 16.5436C16.3045 16.7748 16.4027 16.8749 16.4672 16.9209C16.5362 16.9702 16.6261 17 16.75 17H17.5112C17.6375 15.5984 18.8155 14.5 20.25 14.5C21.7688 14.5 23 15.7312 23 17.25C23 18.7688 21.7688 20 20.25 20C19.1813 20 18.255 19.3904 17.7999 18.5H16.75C16.3739 18.5 15.9638 18.4048 15.5953 18.1415C15.2251 17.8771 14.9541 17.484 14.7885 16.9872C14.7808 16.9642 14.7742 16.9404 14.7688 16.9167L14.7615 16.8853L14.7401 16.7925C14.7214 16.712 14.6943 16.5959 14.6607 16.4538C14.5935 16.1694 14.5006 15.782 14.3974 15.3694C14.1848 14.519 13.9473 13.6376 13.8036 13.2785C13.7982 13.2649 13.7931 13.2511 13.7885 13.2372C13.7041 12.984 13.6001 12.8771 13.5328 12.8291C13.4638 12.7798 13.3739 12.75 13.25 12.75H12.8125ZM11.5 11.75C11.5 11.0596 10.9404 10.5 10.25 10.5C9.55964 10.5 9 11.0596 9 11.75C9 12.4404 9.55964 13 10.25 13C10.9404 13 11.5 12.4404 11.5 11.75ZM20.25 18.5C20.9404 18.5 21.5 17.9404 21.5 17.25C21.5 16.5596 20.9404 16 20.25 16C19.5596 16 19 16.5596 19 17.25C19 17.9404 19.5596 18.5 20.25 18.5Z" fill="currentColor"/></svg>

Details

NameFlash Flow
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px
Regular (outlined) fileic_fluent_flash_flow_24_regular.svg
Filled fileic_fluent_flash_flow_24_filled.svg
React (Regular)FlashFlow16Regular, FlashFlow20Regular, FlashFlow24Regular
React (Filled)FlashFlow16Filled, FlashFlow20Filled, FlashFlow24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

lightningboltpowerai

Related icons

FlashFlash AddFlash AutoFlash CheckmarkFlash OffFlash PlayFlash SettingsFlash SparkleArrow Flow Diagonal Up RightArrow Flow Square MultipleArrow Flow Up RightArrow Flow Up Right Rectangle Multiple