Lightbulb Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Lightbulb 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/307269.svg" alt="Lightbulb icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307269.svg" alt="Lightbulb icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307269.svg" alt="Lightbulb icon" :width="24" :height="24" />
CSS background
.icon-lightbulb {
background-image: url('https://proicons.com/icon/307269.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.156 4.70198C11.93 4.16898 11.598 3.68698 11.182 3.28498C10.33 2.45798 9.188 1.99698 8 1.99998C7.411 1.99598 6.828 2.10998 6.284 2.33498C5.74 2.55998 5.247 2.89198 4.833 3.30998C3.995 4.17998 3.518 5.33598 3.5 6.54398V6.58198C3.625 7.91098 4.245 9.14398 5.237 10.037L5.466 11L5.937 12.978L5.945 13C6.043 13.289 6.23 13.54 6.479 13.717C6.736 13.901 7.045 14 7.362 14H8.766C9.075 13.974 9.368 13.854 9.606 13.655C9.845 13.456 10.014 13.185 10.087 12.882L10.581 11L10.887 9.83198C11.38 9.40098 11.778 8.87198 12.055 8.27898C12.333 7.68598 12.484 7.04198 12.5 6.38698C12.5 5.80798 12.383 5.23498 12.156 4.70198ZM9.118 12.628V12.641C9.096 12.735 9.043 12.82 8.968 12.881C8.893 12.947 8.799 12.988 8.7 13H7.361C7.253 12.999 7.148 12.964 7.061 12.9C6.989 12.85 6.933 12.781 6.9 12.7L6.733 12H9.282L9.118 12.628ZM11.104 7.94098C10.862 8.42498 10.52 8.85098 10.1 9.19198L9.992 9.29198L9.543 11H6.494L6.145 9.53598L6.045 9.43598C5.185 8.70598 4.633 7.67698 4.5 6.55598C4.514 5.60698 4.887 4.69898 5.543 4.01298C5.864 3.68798 6.247 3.43198 6.669 3.25798C7.091 3.08398 7.544 2.99598 8 2.99998C8.927 2.99598 9.82 3.35398 10.486 3.99998C10.807 4.30898 11.062 4.67998 11.236 5.08998C11.41 5.49998 11.5 5.94098 11.5 6.38698C11.48 6.92698 11.345 7.45698 11.104 7.94098Z"/></svg>
More from VS Code Codicons
View all
Lightbulb in other icon packs
Copied!