lightbulb icon

lightbulb from Font Awesome 6 Regular by Dave Gandy · Regular · Energy · CC-BY-4.0 Attribution required.

Name
lightbulb
Set
Font Awesome 6 Regular
Style
Regular
Category
Energy
Viewbox
384×512
License
CC BY 4.0

The same icon in other sets

lightbulbBootstrap IconslightbulbCodiconslightbulbFramework7 IconslightbulbFont Awesome 6 SolidlightbulbFont Awesome RegularlightbulbFont 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 6 Regular

sun

Use the lightbulb icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M297.2 248.9c14.4-20.6 22.8-45.7 22.8-72.9c0-70.7-57.3-128-128-128S64 105.3 64 176c0 27.2 8.4 52.3 22.8 72.9c3.7 5.3 8.1 11.3 12.8 17.7c12.9 17.7 28.3 38.9 39.8 59.8c10.4 19 15.7 38.8 18.3 57.5l-48.7.1c-2.2-12-5.9-23.7-11.8-34.5c-9.9-18-22.2-34.9-34.5-51.8c-5.2-7.1-10.4-14.2-15.4-21.4C27.6 247.9 16 213.3 16 176C16 78.8 94.8 0 192 0s176 78.8 176 176c0 37.3-11.6 71.9-31.4 100.3c-5 7.2-10.2 14.3-15.4 21.4c-12.3 16.8-24.6 33.7-34.5 51.8c-5.9 10.8-9.6 22.5-11.8 34.5h-48.6c2.6-18.7 7.9-38.6 18.3-57.5c11.5-20.9 26.9-42.1 39.8-59.8c4.7-6.4 9-12.4 12.7-17.7zM192 128c-26.5 0-48 21.5-48 48c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-44.2 35.8-80 80-80c8.8 0 16 7.2 16 16s-7.2 16-16 16m0 384c-44.2 0-80-35.8-80-80v-16h160v16c0 44.2-35.8 80-80 80"/></svg>

React

import type { SVGProps } from "react";

export function Fa6RegularLightbulb(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M297.2 248.9c14.4-20.6 22.8-45.7 22.8-72.9c0-70.7-57.3-128-128-128S64 105.3 64 176c0 27.2 8.4 52.3 22.8 72.9c3.7 5.3 8.1 11.3 12.8 17.7c12.9 17.7 28.3 38.9 39.8 59.8c10.4 19 15.7 38.8 18.3 57.5l-48.7.1c-2.2-12-5.9-23.7-11.8-34.5c-9.9-18-22.2-34.9-34.5-51.8c-5.2-7.1-10.4-14.2-15.4-21.4C27.6 247.9 16 213.3 16 176C16 78.8 94.8 0 192 0s176 78.8 176 176c0 37.3-11.6 71.9-31.4 100.3c-5 7.2-10.2 14.3-15.4 21.4c-12.3 16.8-24.6 33.7-34.5 51.8c-5.9 10.8-9.6 22.5-11.8 34.5h-48.6c2.6-18.7 7.9-38.6 18.3-57.5c11.5-20.9 26.9-42.1 39.8-59.8c4.7-6.4 9-12.4 12.7-17.7zM192 128c-26.5 0-48 21.5-48 48c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-44.2 35.8-80 80-80c8.8 0 16 7.2 16 16s-7.2 16-16 16m0 384c-44.2 0-80-35.8-80-80v-16h160v16c0 44.2-35.8 80-80 80"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M297.2 248.9c14.4-20.6 22.8-45.7 22.8-72.9c0-70.7-57.3-128-128-128S64 105.3 64 176c0 27.2 8.4 52.3 22.8 72.9c3.7 5.3 8.1 11.3 12.8 17.7c12.9 17.7 28.3 38.9 39.8 59.8c10.4 19 15.7 38.8 18.3 57.5l-48.7.1c-2.2-12-5.9-23.7-11.8-34.5c-9.9-18-22.2-34.9-34.5-51.8c-5.2-7.1-10.4-14.2-15.4-21.4C27.6 247.9 16 213.3 16 176C16 78.8 94.8 0 192 0s176 78.8 176 176c0 37.3-11.6 71.9-31.4 100.3c-5 7.2-10.2 14.3-15.4 21.4c-12.3 16.8-24.6 33.7-34.5 51.8c-5.9 10.8-9.6 22.5-11.8 34.5h-48.6c2.6-18.7 7.9-38.6 18.3-57.5c11.5-20.9 26.9-42.1 39.8-59.8c4.7-6.4 9-12.4 12.7-17.7zM192 128c-26.5 0-48 21.5-48 48c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-44.2 35.8-80 80-80c8.8 0 16 7.2 16 16s-7.2 16-16 16m0 384c-44.2 0-80-35.8-80-80v-16h160v16c0 44.2-35.8 80-80 80"/></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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M297.2%20248.9c14.4-20.6%2022.8-45.7%2022.8-72.9c0-70.7-57.3-128-128-128S64%20105.3%2064%20176c0%2027.2%208.4%2052.3%2022.8%2072.9c3.7%205.3%208.1%2011.3%2012.8%2017.7c12.9%2017.7%2028.3%2038.9%2039.8%2059.8c10.4%2019%2015.7%2038.8%2018.3%2057.5l-48.7.1c-2.2-12-5.9-23.7-11.8-34.5c-9.9-18-22.2-34.9-34.5-51.8c-5.2-7.1-10.4-14.2-15.4-21.4C27.6%20247.9%2016%20213.3%2016%20176C16%2078.8%2094.8%200%20192%200s176%2078.8%20176%20176c0%2037.3-11.6%2071.9-31.4%20100.3c-5%207.2-10.2%2014.3-15.4%2021.4c-12.3%2016.8-24.6%2033.7-34.5%2051.8c-5.9%2010.8-9.6%2022.5-11.8%2034.5h-48.6c2.6-18.7%207.9-38.6%2018.3-57.5c11.5-20.9%2026.9-42.1%2039.8-59.8c4.7-6.4%209-12.4%2012.7-17.7zM192%20128c-26.5%200-48%2021.5-48%2048c0%208.8-7.2%2016-16%2016s-16-7.2-16-16c0-44.2%2035.8-80%2080-80c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016m0%20384c-44.2%200-80-35.8-80-80v-16h160v16c0%2044.2-35.8%2080-80%2080%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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M297.2%20248.9c14.4-20.6%2022.8-45.7%2022.8-72.9c0-70.7-57.3-128-128-128S64%20105.3%2064%20176c0%2027.2%208.4%2052.3%2022.8%2072.9c3.7%205.3%208.1%2011.3%2012.8%2017.7c12.9%2017.7%2028.3%2038.9%2039.8%2059.8c10.4%2019%2015.7%2038.8%2018.3%2057.5l-48.7.1c-2.2-12-5.9-23.7-11.8-34.5c-9.9-18-22.2-34.9-34.5-51.8c-5.2-7.1-10.4-14.2-15.4-21.4C27.6%20247.9%2016%20213.3%2016%20176C16%2078.8%2094.8%200%20192%200s176%2078.8%20176%20176c0%2037.3-11.6%2071.9-31.4%20100.3c-5%207.2-10.2%2014.3-15.4%2021.4c-12.3%2016.8-24.6%2033.7-34.5%2051.8c-5.9%2010.8-9.6%2022.5-11.8%2034.5h-48.6c2.6-18.7%207.9-38.6%2018.3-57.5c11.5-20.9%2026.9-42.1%2039.8-59.8c4.7-6.4%209-12.4%2012.7-17.7zM192%20128c-26.5%200-48%2021.5-48%2048c0%208.8-7.2%2016-16%2016s-16-7.2-16-16c0-44.2%2035.8-80%2080-80c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016m0%20384c-44.2%200-80-35.8-80-80v-16h160v16c0%2044.2-35.8%2080-80%2080%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-regular/lightbulb.svg?color=%231a73e8&size=48