Color

Advanced editing in SVG Editor

Mage Icons

Light Bulb Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: light bulb lamp bright idea

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/310812.svg" alt="Light Bulb icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310812.svg" alt="Light Bulb icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310812.svg"
  alt="Light Bulb icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-light-bulb {
  background-image: url('https://proicons.com/icon/310812.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.2518 12.4903C16.9677 14.855 15.4187 15.7991 14.7496 16.4865C14.0806 17.1739 14.1997 17.3114 14.2455 18.3196C14.253 18.4445 14.2349 18.5696 14.1922 18.6872C14.1495 18.8049 14.0832 18.9125 13.9973 19.0035C13.9115 19.0945 13.8079 19.167 13.6929 19.2165C13.578 19.2659 13.4541 19.2913 13.329 19.2911H10.671C10.5459 19.2913 10.422 19.2659 10.3071 19.2165C10.1921 19.167 10.0885 19.0945 10.0027 19.0035C9.9168 18.9125 9.85048 18.8049 9.80779 18.6872C9.7651 18.5696 9.74695 18.4445 9.75446 18.3196C9.75446 17.3297 9.84612 17.1006 9.25036 16.4865C8.48963 15.7258 6.70236 14.6534 6.70236 11.7021C6.6977 10.9691 6.84495 10.243 7.13485 9.5697C7.42475 8.89639 7.851 8.29045 8.38672 7.79008C8.92245 7.2897 9.55604 6.90574 10.2475 6.66241C10.939 6.41908 11.6734 6.32166 12.4045 6.37628C13.1355 6.4309 13.8473 6.63638 14.4949 6.97977C15.1426 7.32316 15.7121 7.79701 16.1675 8.37144C16.6229 8.94587 16.9544 9.60843 17.141 10.3173C17.3276 11.0262 17.3654 11.7661 17.2518 12.4903Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.4602 19.2361V20.7484C10.4602 21.1609 10.6893 21.5 10.9735 21.5H13.0265C13.3107 21.5 13.5398 21.1609 13.5398 20.7484V19.2361" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.2209 8.69585C10.6302 8.69585 10.0637 8.9305 9.64606 9.34818C9.22838 9.76586 8.99373 10.3324 8.99373 10.9231" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.3324 11.9037H21.1655" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.4859 5.89209L18.7874 4.59059" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.4859 16.9992L19.7874 18.3007" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.9995 2.37708L12 3.85899" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.23993 4.59059L6.53226 5.89209" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.23993 18.3007L5.53226 16.9992" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.66763 11.9037H2.83453" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Light Bulb in other icon packs

Heroicons Outline

Copied!

Light Bulb Icon

More from Mage Icons

Light Bulb in other icon packs