lightbulb icon
lightbulb from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- lightbulb
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
The same icon in other sets
lightbulbBootstrap IconslightbulbCodiconslightbulbFramework7 IconslightbulbFont Awesome 6 RegularlightbulbFont Awesome 6 SolidlightbulbFont Awesome RegularlightbulbFont Awesome Solidlightbulb-outlineFlowbite Iconslightbulb-16-filledFluent UI System Iconslightbulb-16Fluent UI System Color IconslightbulbFirefox OS EmojilightbulbHuge IconslightbulbJam IconslightbulbLine AwesomelightbulbMaterial Line IconslightbulbLucidelightbulbMaterial SymbolslightbulbMaterial Symbols LightlightbulbMaterial Design IconslightbulbPhosphorlightbulbPixelarticonslightbulbPrime Iconslightbulb-fillRemix Iconlightbulb-boldSolar
Use the lightbulb icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 32c-70.7 0-128 55.4-128 123.8 0 4.9.3 9.7.9 14.5.6 5.4 1.6 10.6 3 15.7.1.5.3 1.1.4 1.6 16.6 62.8 45.3 71.5 58.9 167.6 0 .2.1.4.1.5 1.5 9.2 9.8 12.3 19.8 12.3H301c10 0 18.2-3.1 19.7-12.3 0-.2.1-.4.1-.5 13.6-96.1 42.3-104.7 58.9-167.6.2-.5.3-1 .4-1.6 1.3-5.1 2.3-10.4 3-15.7.6-4.7.9-9.6.9-14.5C384 87.4 326.7 32 256 32z" fill="currentColor"/><path d="M317.8 396.5c.1-.2.3-.4.4-.6 1.1-1.7 1.7-3.6 1.7-5.7 0-3.5 1.6-6.2-6.5-6.2H198.6c-8.1 0-6.5 2.1-6.5 6.2 0 2.1.6 4 1.7 5.7.1.2.3.4.5.6 0 .1.1.1.1.2 1.7 2.6 2.7 4.4 2.7 7.6 0 3.1-.9 4.9-2.6 7.5-.3.4-.5.7-.7 1-1 1.7-1.6 3.6-1.6 5.6 0 2.1.6 4 1.7 5.8.1.2.3.4.4.6 1.8 2.7 2.8 4.5 2.8 7.8 0 3.1-.9 4.9-2.6 7.4-.2.4-.5.7-.8 1.1-1 1.7-1.6 3.6-1.6 5.6 0 5.4 4.3 10.1 10.2 11.6.3.1.6.1.9.2 6 1.4 12.2 1.6 18.5 2.5.7.1 1.4.2 2.2.3 5.6 1 10.3 3.9 13.4 7.7 3.8 5.3 10.8 11 18.8 11 7.6 0 14.3-5.4 18.2-10.4 3-4.2 8-7.3 13.9-8.4.7-.1 1.4-.3 2.2-.3 6.3-.9 12.5-1.1 18.5-2.5.3-.1.6-.1.9-.2 5.9-1.6 10.2-6.2 10.2-11.6 0-2-.6-3.9-1.6-5.6-.3-.4-.5-.7-.8-1.1-1.6-2.6-2.6-4.3-2.6-7.4 0-3.2 1-5.1 2.8-7.8.1-.2.3-.4.4-.6 1.1-1.7 1.7-3.7 1.7-5.8 0-2-.6-3.9-1.6-5.6-.3-.3-.5-.7-.7-1-1.6-2.6-2.6-4.3-2.6-7.5s1-5 2.7-7.6c0 .1 0 0 .1-.1z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonLightbulb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 32c-70.7 0-128 55.4-128 123.8 0 4.9.3 9.7.9 14.5.6 5.4 1.6 10.6 3 15.7.1.5.3 1.1.4 1.6 16.6 62.8 45.3 71.5 58.9 167.6 0 .2.1.4.1.5 1.5 9.2 9.8 12.3 19.8 12.3H301c10 0 18.2-3.1 19.7-12.3 0-.2.1-.4.1-.5 13.6-96.1 42.3-104.7 58.9-167.6.2-.5.3-1 .4-1.6 1.3-5.1 2.3-10.4 3-15.7.6-4.7.9-9.6.9-14.5C384 87.4 326.7 32 256 32z" fill="currentColor"/><path d="M317.8 396.5c.1-.2.3-.4.4-.6 1.1-1.7 1.7-3.6 1.7-5.7 0-3.5 1.6-6.2-6.5-6.2H198.6c-8.1 0-6.5 2.1-6.5 6.2 0 2.1.6 4 1.7 5.7.1.2.3.4.5.6 0 .1.1.1.1.2 1.7 2.6 2.7 4.4 2.7 7.6 0 3.1-.9 4.9-2.6 7.5-.3.4-.5.7-.7 1-1 1.7-1.6 3.6-1.6 5.6 0 2.1.6 4 1.7 5.8.1.2.3.4.4.6 1.8 2.7 2.8 4.5 2.8 7.8 0 3.1-.9 4.9-2.6 7.4-.2.4-.5.7-.8 1.1-1 1.7-1.6 3.6-1.6 5.6 0 5.4 4.3 10.1 10.2 11.6.3.1.6.1.9.2 6 1.4 12.2 1.6 18.5 2.5.7.1 1.4.2 2.2.3 5.6 1 10.3 3.9 13.4 7.7 3.8 5.3 10.8 11 18.8 11 7.6 0 14.3-5.4 18.2-10.4 3-4.2 8-7.3 13.9-8.4.7-.1 1.4-.3 2.2-.3 6.3-.9 12.5-1.1 18.5-2.5.3-.1.6-.1.9-.2 5.9-1.6 10.2-6.2 10.2-11.6 0-2-.6-3.9-1.6-5.6-.3-.4-.5-.7-.8-1.1-1.6-2.6-2.6-4.3-2.6-7.4 0-3.2 1-5.1 2.8-7.8.1-.2.3-.4.4-.6 1.1-1.7 1.7-3.7 1.7-5.8 0-2-.6-3.9-1.6-5.6-.3-.3-.5-.7-.7-1-1.6-2.6-2.6-4.3-2.6-7.5s1-5 2.7-7.6c0 .1 0 0 .1-.1z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 32c-70.7 0-128 55.4-128 123.8 0 4.9.3 9.7.9 14.5.6 5.4 1.6 10.6 3 15.7.1.5.3 1.1.4 1.6 16.6 62.8 45.3 71.5 58.9 167.6 0 .2.1.4.1.5 1.5 9.2 9.8 12.3 19.8 12.3H301c10 0 18.2-3.1 19.7-12.3 0-.2.1-.4.1-.5 13.6-96.1 42.3-104.7 58.9-167.6.2-.5.3-1 .4-1.6 1.3-5.1 2.3-10.4 3-15.7.6-4.7.9-9.6.9-14.5C384 87.4 326.7 32 256 32z" fill="currentColor"/><path d="M317.8 396.5c.1-.2.3-.4.4-.6 1.1-1.7 1.7-3.6 1.7-5.7 0-3.5 1.6-6.2-6.5-6.2H198.6c-8.1 0-6.5 2.1-6.5 6.2 0 2.1.6 4 1.7 5.7.1.2.3.4.5.6 0 .1.1.1.1.2 1.7 2.6 2.7 4.4 2.7 7.6 0 3.1-.9 4.9-2.6 7.5-.3.4-.5.7-.7 1-1 1.7-1.6 3.6-1.6 5.6 0 2.1.6 4 1.7 5.8.1.2.3.4.4.6 1.8 2.7 2.8 4.5 2.8 7.8 0 3.1-.9 4.9-2.6 7.4-.2.4-.5.7-.8 1.1-1 1.7-1.6 3.6-1.6 5.6 0 5.4 4.3 10.1 10.2 11.6.3.1.6.1.9.2 6 1.4 12.2 1.6 18.5 2.5.7.1 1.4.2 2.2.3 5.6 1 10.3 3.9 13.4 7.7 3.8 5.3 10.8 11 18.8 11 7.6 0 14.3-5.4 18.2-10.4 3-4.2 8-7.3 13.9-8.4.7-.1 1.4-.3 2.2-.3 6.3-.9 12.5-1.1 18.5-2.5.3-.1.6-.1.9-.2 5.9-1.6 10.2-6.2 10.2-11.6 0-2-.6-3.9-1.6-5.6-.3-.4-.5-.7-.8-1.1-1.6-2.6-2.6-4.3-2.6-7.4 0-3.2 1-5.1 2.8-7.8.1-.2.3-.4.4-.6 1.1-1.7 1.7-3.7 1.7-5.8 0-2-.6-3.9-1.6-5.6-.3-.3-.5-.7-.7-1-1.6-2.6-2.6-4.3-2.6-7.5s1-5 2.7-7.6c0 .1 0 0 .1-.1z" fill="currentColor"/></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%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032c-70.7%200-128%2055.4-128%20123.8%200%204.9.3%209.7.9%2014.5.6%205.4%201.6%2010.6%203%2015.7.1.5.3%201.1.4%201.6%2016.6%2062.8%2045.3%2071.5%2058.9%20167.6%200%20.2.1.4.1.5%201.5%209.2%209.8%2012.3%2019.8%2012.3H301c10%200%2018.2-3.1%2019.7-12.3%200-.2.1-.4.1-.5%2013.6-96.1%2042.3-104.7%2058.9-167.6.2-.5.3-1%20.4-1.6%201.3-5.1%202.3-10.4%203-15.7.6-4.7.9-9.6.9-14.5C384%2087.4%20326.7%2032%20256%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M317.8%20396.5c.1-.2.3-.4.4-.6%201.1-1.7%201.7-3.6%201.7-5.7%200-3.5%201.6-6.2-6.5-6.2H198.6c-8.1%200-6.5%202.1-6.5%206.2%200%202.1.6%204%201.7%205.7.1.2.3.4.5.6%200%20.1.1.1.1.2%201.7%202.6%202.7%204.4%202.7%207.6%200%203.1-.9%204.9-2.6%207.5-.3.4-.5.7-.7%201-1%201.7-1.6%203.6-1.6%205.6%200%202.1.6%204%201.7%205.8.1.2.3.4.4.6%201.8%202.7%202.8%204.5%202.8%207.8%200%203.1-.9%204.9-2.6%207.4-.2.4-.5.7-.8%201.1-1%201.7-1.6%203.6-1.6%205.6%200%205.4%204.3%2010.1%2010.2%2011.6.3.1.6.1.9.2%206%201.4%2012.2%201.6%2018.5%202.5.7.1%201.4.2%202.2.3%205.6%201%2010.3%203.9%2013.4%207.7%203.8%205.3%2010.8%2011%2018.8%2011%207.6%200%2014.3-5.4%2018.2-10.4%203-4.2%208-7.3%2013.9-8.4.7-.1%201.4-.3%202.2-.3%206.3-.9%2012.5-1.1%2018.5-2.5.3-.1.6-.1.9-.2%205.9-1.6%2010.2-6.2%2010.2-11.6%200-2-.6-3.9-1.6-5.6-.3-.4-.5-.7-.8-1.1-1.6-2.6-2.6-4.3-2.6-7.4%200-3.2%201-5.1%202.8-7.8.1-.2.3-.4.4-.6%201.1-1.7%201.7-3.7%201.7-5.8%200-2-.6-3.9-1.6-5.6-.3-.3-.5-.7-.7-1-1.6-2.6-2.6-4.3-2.6-7.5s1-5%202.7-7.6c0%20.1%200%200%20.1-.1z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032c-70.7%200-128%2055.4-128%20123.8%200%204.9.3%209.7.9%2014.5.6%205.4%201.6%2010.6%203%2015.7.1.5.3%201.1.4%201.6%2016.6%2062.8%2045.3%2071.5%2058.9%20167.6%200%20.2.1.4.1.5%201.5%209.2%209.8%2012.3%2019.8%2012.3H301c10%200%2018.2-3.1%2019.7-12.3%200-.2.1-.4.1-.5%2013.6-96.1%2042.3-104.7%2058.9-167.6.2-.5.3-1%20.4-1.6%201.3-5.1%202.3-10.4%203-15.7.6-4.7.9-9.6.9-14.5C384%2087.4%20326.7%2032%20256%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M317.8%20396.5c.1-.2.3-.4.4-.6%201.1-1.7%201.7-3.6%201.7-5.7%200-3.5%201.6-6.2-6.5-6.2H198.6c-8.1%200-6.5%202.1-6.5%206.2%200%202.1.6%204%201.7%205.7.1.2.3.4.5.6%200%20.1.1.1.1.2%201.7%202.6%202.7%204.4%202.7%207.6%200%203.1-.9%204.9-2.6%207.5-.3.4-.5.7-.7%201-1%201.7-1.6%203.6-1.6%205.6%200%202.1.6%204%201.7%205.8.1.2.3.4.4.6%201.8%202.7%202.8%204.5%202.8%207.8%200%203.1-.9%204.9-2.6%207.4-.2.4-.5.7-.8%201.1-1%201.7-1.6%203.6-1.6%205.6%200%205.4%204.3%2010.1%2010.2%2011.6.3.1.6.1.9.2%206%201.4%2012.2%201.6%2018.5%202.5.7.1%201.4.2%202.2.3%205.6%201%2010.3%203.9%2013.4%207.7%203.8%205.3%2010.8%2011%2018.8%2011%207.6%200%2014.3-5.4%2018.2-10.4%203-4.2%208-7.3%2013.9-8.4.7-.1%201.4-.3%202.2-.3%206.3-.9%2012.5-1.1%2018.5-2.5.3-.1.6-.1.9-.2%205.9-1.6%2010.2-6.2%2010.2-11.6%200-2-.6-3.9-1.6-5.6-.3-.4-.5-.7-.8-1.1-1.6-2.6-2.6-4.3-2.6-7.4%200-3.2%201-5.1%202.8-7.8.1-.2.3-.4.4-.6%201.1-1.7%201.7-3.7%201.7-5.8%200-2-.6-3.9-1.6-5.6-.3-.3-.5-.7-.7-1-1.6-2.6-2.6-4.3-2.6-7.5s1-5%202.7-7.6c0%20.1%200%200%20.1-.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/lightbulb.svg?color=%231a73e8&size=48
