Lightbulb Pulse icon
Used in tooltip, sharing knowledge, or AI suggested scenarios. The Lightbulb Pulse 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 Lightbulb Pulse 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 { LightbulbPulse24Regular, LightbulbPulse24Filled } from "@fluentui/react-icons";
export function Example() {
return <LightbulbPulse24Regular aria-label="Lightbulb Pulse" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_lightbulb_pulse_24_regular.svg" width="24" height="24" alt="Lightbulb Pulse"> 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.27246 12.5C7.59282 12.9829 7.9878 13.4569 8.46191 13.9199C8.72586 14.1778 8.92165 14.4959 9.0332 14.8457L9.08203 15.0234L9.53711 16.999H14.46L14.918 15.0225C15.001 14.6633 15.1706 14.3307 15.4111 14.0537L15.5371 13.9199C16.0112 13.4566 16.4073 12.9832 16.7275 12.5H18.46C18.018 13.371 17.3936 14.204 16.5859 14.9932C16.5092 15.0682 16.4497 15.1585 16.4111 15.2578L16.3789 15.3604L15.248 20.2559C15.0254 21.2197 14.2026 21.9185 13.2295 21.9932L13.0557 22H10.9424C9.95286 22 9.08654 21.3545 8.79492 20.4229L8.75 20.2559L7.62012 15.3604C7.58783 15.2208 7.51646 15.0933 7.41406 14.9932C6.60594 14.2039 5.9803 13.3711 5.53809 12.5H7.27246ZM10.2119 19.918C10.2826 20.2242 10.5346 20.45 10.8389 20.4922L10.9424 20.5H13.0557C13.3699 20.5 13.6473 20.3045 13.7568 20.0176L13.7871 19.918L14.1143 18.499H9.88281L10.2119 19.918ZM9.49707 6C9.80839 5.99878 10.0884 6.18993 10.2002 6.48047L12.124 11.4824L13.8447 8.38574L13.8955 8.30664C14.0252 8.12977 14.2273 8.01711 14.4492 8.00195C14.7025 7.98476 14.9472 8.09677 15.0996 8.2998L16.375 10H18.75C19.1642 10 19.5 10.3358 19.5 10.75C19.5 11.1642 19.1642 11.5 18.75 11.5H16C15.7641 11.5 15.542 11.3889 15.4004 11.2002L14.5938 10.124L12.6553 13.6143C12.5138 13.8688 12.2377 14.0184 11.9473 13.998C11.6569 13.9776 11.4044 13.7912 11.2998 13.5195L9.50781 8.8623L8.70215 11.0137C8.59229 11.3062 8.31252 11.5 8 11.5H5.25C4.83579 11.5 4.5 11.1642 4.5 10.75C4.5 10.3358 4.83579 10 5.25 10H7.48047L8.79785 6.48633L8.84668 6.38184C8.97751 6.14953 9.22464 6.00114 9.49707 6ZM11.999 2.00098C15.919 2.00098 19.1099 5.11219 19.2422 9H17.7432C17.6118 5.94081 15.0906 3.50098 11.999 3.50098C8.90748 3.50098 6.38628 5.94081 6.25488 9H4.75391C4.88618 5.11216 8.07896 2.00098 11.999 2.00098Z" 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/lightbulb_pulse_24_regular.svg";Details
| Name | Lightbulb Pulse |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_lightbulb_pulse_24_regular.svg |
| Filled file | ic_fluent_lightbulb_pulse_24_filled.svg |
| React components | LightbulbPulse24Regular, LightbulbPulse24Filled |
| License | MIT (© Microsoft Corporation) |