lightbulb icon
lightbulb from Font Awesome Regular by Dave Gandy · Regular · Energy · CC-BY-4.0 Attribution required.
- Name
- lightbulb
- Set
- Font Awesome Regular
- Style
- Regular
- Category
- Energy
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
lightbulbBootstrap IconslightbulbCodiconslightbulbFramework7 IconslightbulbFont Awesome 6 RegularlightbulbFont Awesome 6 SolidlightbulbFont Awesome Solidlightbulb-outlineFlowbite Iconslightbulb-16-filledFluent UI System Iconslightbulb-16Fluent UI System Color IconslightbulbFirefox OS EmojilightbulbHuge IconslightbulbIonIconslightbulbJam IconslightbulbLine AwesomelightbulbMaterial Line IconslightbulbLucidelightbulbMaterial SymbolslightbulbMaterial Symbols LightlightbulbMaterial Design IconslightbulbPhosphorlightbulbPixelarticonslightbulbPrime Iconslightbulb-fillRemix Iconlightbulb-boldSolar
More energy icons from Font Awesome Regular
Use the lightbulb icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M424.5 355.1C449 329.2 464 294.4 464 256c0-79.5-64.5-144-144-144s-144 64.5-144 144c0 38.4 15 73.2 39.5 99.1c21.3 22.4 44.9 54 53.3 92.9h102.4c8.4-39 32-70.5 53.3-92.9m34.8 33C435.7 413 416 443.4 416 477.7V496c0 44.2-35.8 80-80 80h-32c-44.2 0-80-35.8-80-80v-18.3c0-34.3-19.7-64.7-43.3-89.6C148 353.7 128 307.2 128 256c0-106 86-192 192-192s192 86 192 192c0 51.2-20 97.7-52.7 132.1M272 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6 39.4-88 88-88c13.3 0 24 10.7 24 24s-10.7 24-24 24c-22.1 0-40 17.9-40 40"/></svg>
React
import type { SVGProps } from "react";
export function Fa7RegularLightbulb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M424.5 355.1C449 329.2 464 294.4 464 256c0-79.5-64.5-144-144-144s-144 64.5-144 144c0 38.4 15 73.2 39.5 99.1c21.3 22.4 44.9 54 53.3 92.9h102.4c8.4-39 32-70.5 53.3-92.9m34.8 33C435.7 413 416 443.4 416 477.7V496c0 44.2-35.8 80-80 80h-32c-44.2 0-80-35.8-80-80v-18.3c0-34.3-19.7-64.7-43.3-89.6C148 353.7 128 307.2 128 256c0-106 86-192 192-192s192 86 192 192c0 51.2-20 97.7-52.7 132.1M272 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6 39.4-88 88-88c13.3 0 24 10.7 24 24s-10.7 24-24 24c-22.1 0-40 17.9-40 40"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M424.5 355.1C449 329.2 464 294.4 464 256c0-79.5-64.5-144-144-144s-144 64.5-144 144c0 38.4 15 73.2 39.5 99.1c21.3 22.4 44.9 54 53.3 92.9h102.4c8.4-39 32-70.5 53.3-92.9m34.8 33C435.7 413 416 443.4 416 477.7V496c0 44.2-35.8 80-80 80h-32c-44.2 0-80-35.8-80-80v-18.3c0-34.3-19.7-64.7-43.3-89.6C148 353.7 128 307.2 128 256c0-106 86-192 192-192s192 86 192 192c0 51.2-20 97.7-52.7 132.1M272 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6 39.4-88 88-88c13.3 0 24 10.7 24 24s-10.7 24-24 24c-22.1 0-40 17.9-40 40"/></svg> </template>
CSS
.icon-lightbulb {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M424.5%20355.1C449%20329.2%20464%20294.4%20464%20256c0-79.5-64.5-144-144-144s-144%2064.5-144%20144c0%2038.4%2015%2073.2%2039.5%2099.1c21.3%2022.4%2044.9%2054%2053.3%2092.9h102.4c8.4-39%2032-70.5%2053.3-92.9m34.8%2033C435.7%20413%20416%20443.4%20416%20477.7V496c0%2044.2-35.8%2080-80%2080h-32c-44.2%200-80-35.8-80-80v-18.3c0-34.3-19.7-64.7-43.3-89.6C148%20353.7%20128%20307.2%20128%20256c0-106%2086-192%20192-192s192%2086%20192%20192c0%2051.2-20%2097.7-52.7%20132.1M272%20248c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24c0-48.6%2039.4-88%2088-88c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024c-22.1%200-40%2017.9-40%2040%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M424.5%20355.1C449%20329.2%20464%20294.4%20464%20256c0-79.5-64.5-144-144-144s-144%2064.5-144%20144c0%2038.4%2015%2073.2%2039.5%2099.1c21.3%2022.4%2044.9%2054%2053.3%2092.9h102.4c8.4-39%2032-70.5%2053.3-92.9m34.8%2033C435.7%20413%20416%20443.4%20416%20477.7V496c0%2044.2-35.8%2080-80%2080h-32c-44.2%200-80-35.8-80-80v-18.3c0-34.3-19.7-64.7-43.3-89.6C148%20353.7%20128%20307.2%20128%20256c0-106%2086-192%20192-192s192%2086%20192%20192c0%2051.2-20%2097.7-52.7%20132.1M272%20248c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24c0-48.6%2039.4-88%2088-88c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024c-22.1%200-40%2017.9-40%2040%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-regular/lightbulb.svg?color=%231a73e8&size=48
