Flash Sparkle icon

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

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

Use it in HTML

Reference the SVG file directly:

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

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="M8.60256 2C8.07392 2 7.60245 2.33254 7.42505 2.83052L4.10392 12.1532C3.69895 13.2899 4.53898 14.4858 5.74573 14.4904L7.31418 14.4964L6.04495 20.1645C5.71405 21.6422 7.53226 22.6236 8.586 21.536L12.5447 17.4502C12.5064 17.4344 12.4675 17.4199 12.4281 17.4066L11.0425 16.9567L11.0307 16.9525C11.008 16.9445 10.9854 16.9359 10.9631 16.9269L7.50871 20.4923L8.98177 13.9139C9.03142 13.6922 8.97789 13.4599 8.83621 13.2823C8.69453 13.1047 8.47997 13.0009 8.25277 13L5.75148 12.9904C5.57909 12.9898 5.45908 12.8189 5.51693 12.6565L8.77889 3.5H14.7093L13.0384 8.51283C12.9622 8.74154 13.0005 8.99296 13.1415 9.18853C13.2824 9.38411 13.5088 9.5 13.7499 9.5H18.1589L16.8516 10.8493C16.881 10.9076 16.9067 10.9679 16.9286 11.03L16.9328 11.0417L17.3833 12.4268L17.3907 12.4485L19.647 10.1198C20.4153 9.32683 19.8534 8 18.7492 8H14.7905L16.242 3.64528C16.5118 2.83587 15.9094 2 15.0562 2H8.60256ZM13.8539 17.1457C13.9377 17.2298 14.016 17.3189 14.0883 17.4123C14.2851 17.6666 14.4378 17.9533 14.539 18.2604L14.9868 19.6371C15.0242 19.7432 15.0937 19.8351 15.1856 19.9001C15.2776 19.9651 15.3874 20 15.5 20C15.6126 20 15.7224 19.9651 15.8144 19.9001C15.8964 19.8421 15.9605 19.7627 16 19.6709C16.0048 19.6598 16.0092 19.6486 16.0132 19.6371L16.461 18.2604C16.6003 17.8418 16.8353 17.4615 17.1474 17.1496C17.4595 16.8377 17.8402 16.6029 18.259 16.4637L19.6368 16.0163C19.743 15.9788 19.835 15.9094 19.9 15.8176C19.9651 15.7257 20 15.616 20 15.5034C20 15.3909 19.9651 15.2812 19.9 15.1893C19.835 15.0975 19.743 15.028 19.6368 14.9906L19.6093 14.9837L18.2315 14.5363C17.8126 14.3971 17.432 14.1623 17.1198 13.8504C16.8077 13.5385 16.5727 13.1582 16.4335 12.7396L15.9857 11.3629C15.9482 11.2568 15.8787 11.1649 15.7868 11.0999C15.6949 11.0349 15.5851 11 15.4724 11C15.3598 11 15.25 11.0349 15.1581 11.0999C15.0662 11.1649 14.9967 11.2568 14.9592 11.3629L14.5114 12.7396L14.5 12.7737C14.3623 13.1759 14.1357 13.5422 13.837 13.8454C13.5299 14.1571 13.1547 14.3935 12.741 14.5363L11.3632 14.9837C11.257 15.0212 11.165 15.0906 11.1 15.1824C11.0349 15.2743 11 15.384 11 15.4966C11 15.6091 11.0349 15.7188 11.1 15.8107C11.165 15.9025 11.257 15.972 11.3632 16.0094L12.741 16.4568C13.1606 16.5967 13.5417 16.8326 13.8539 17.1457ZM21.7829 21.2132L21.0175 20.9646C20.7848 20.8873 20.5733 20.7568 20.3999 20.5836C20.2265 20.4103 20.0959 20.199 20.0186 19.9665L19.7698 19.2016C19.749 19.1427 19.7104 19.0916 19.6593 19.0555C19.6083 19.0194 19.5473 19 19.4847 19C19.4221 19 19.3611 19.0194 19.31 19.0555C19.259 19.0916 19.2204 19.1427 19.1996 19.2016L18.9508 19.9665C18.875 20.1974 18.7467 20.4076 18.5761 20.5808C18.4055 20.7539 18.1971 20.8853 17.9672 20.9646L17.2018 21.2132C17.1428 21.234 17.0917 21.2725 17.0555 21.3236C17.0194 21.3746 17 21.4356 17 21.4981C17 21.5606 17.0194 21.6216 17.0555 21.6726C17.0917 21.7236 17.1428 21.7622 17.2018 21.783L17.9672 22.0316C18.2003 22.1093 18.412 22.2403 18.5855 22.4143C18.7589 22.5882 18.8893 22.8003 18.9661 23.0335L19.2149 23.7984C19.2357 23.8573 19.2743 23.9084 19.3254 23.9445C19.3764 23.9806 19.4374 24 19.5 24C19.5626 24 19.6236 23.9806 19.6746 23.9445C19.7257 23.9084 19.7643 23.8573 19.7851 23.7984L20.0339 23.0335C20.1113 22.801 20.2418 22.5897 20.4152 22.4164C20.5886 22.2432 20.8001 22.1127 21.0328 22.0354L21.7982 21.7868C21.8572 21.766 21.9083 21.7275 21.9445 21.6764C21.9806 21.6254 22 21.5644 22 21.5019C22 21.4394 21.9806 21.3784 21.9445 21.3274C21.9083 21.2764 21.8572 21.2378 21.7982 21.217L21.7829 21.2132Z" 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_sparkle_24_regular.svg";

Details

Keywords

lightningflashboltpoweraithunder