Light Bulb Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Light Bulb icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/305992.svg" alt="Light Bulb icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305992.svg" alt="Light Bulb icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305992.svg" alt="Light Bulb icon" :width="24" :height="24" />
CSS background
.icon-light-bulb {
background-image: url('https://proicons.com/icon/305992.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M577 776H422c-12 0-22 10-22 22s10 22 22 22h155c12 0 22-10 22-22s-9-22-22-22zM460 903c3 19 19 35 40 35s37-15 40-35c27-2 48-24 48-51H412c0 28 21 49 48 51zm40-715c16 0 29-13 29-29V92c0-16-13-30-29-30s-29 13-29 30v67c0 16 13 29 29 29zm-191 42c6 8 15 12 24 12 6 0 12-1 17-5 13-10 16-28 7-41l-40-54c-10-13-28-16-41-7s-16 28-6 41l39 54zM157 362l64 21c3 1 6 1 9 1 12 0 23-7 27-20 5-15-3-31-18-36l-64-21c-16-5-32 3-37 18-5 16 3 32 19 37zm686 162l-64-21c-15-5-32 4-37 19s4 32 19 37l64 20c3 1 6 2 9 2 12 0 24-8 28-20 5-16-3-32-19-37zm-622-21l-64 21c-16 5-24 21-19 37 4 12 15 20 28 20 3 0 6-1 9-2l64-20c15-5 23-22 18-37s-21-24-36-19zm549-119c3 0 6 0 9-1l64-21c15-5 24-21 19-36-5-16-22-24-37-19l-64 21c-15 5-24 21-19 36 5 13 16 20 28 20zm-46-249c-13-9-31-6-41 7l-40 54c-9 13-6 31 7 41 5 4 11 5 17 5 9 0 18-4 23-12l40-54c10-13 7-31-6-41zM595 743v-68c20-33 46-72 70-101 28-36 45-81 45-130 0-116-94-209-210-209s-210 93-210 209c0 49 17 94 45 130 25 31 48 65 68 99v70h192z"/></svg>
More from IcoFont
View all
Light Bulb in other icon packs
Copied!