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 filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
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" />;
}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>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_flow_24_regular.svg";Details
| Name | Flash Flow |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_flash_flow_24_regular.svg |
| Filled file | ic_fluent_flash_flow_24_filled.svg |
| React components | FlashFlow24Regular, FlashFlow24Filled |
| License | MIT (© Microsoft Corporation) |