Light Bulb icon

A free light bulb icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Appliances & Electronics
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: light bulb, on, illuminated, bright, glowing

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 1)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M10 3.99C6.86 3.99 4.31 6.44 4.31 9.47C4.31 11.13 5.08 12.61 6.29 13.61C6.8 14.04 7.24 14.56 7.4 15.21L7.63 16.08C7.77 16.62 8.25 16.99 8.81 16.99L11.19 16.99C11.75 16.99 12.23 16.62 12.37 16.08L12.6 15.21C12.76 14.56 13.2 14.04 13.71 13.61C14.92 12.61 15.69 11.13 15.69 9.47C15.69 6.44 13.14 3.99 10 3.99Z"/>
  <path transform="translate(2 1)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.38 20L11.62 20M10 1L10 0M17 3.71L17.71 3M2.71 3.71L2 3M20 10L19 10M1 10L0 10"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(1 0)" fill="currentColor" d="M11 0C11.55 0 12 0.45 12 1L12 2C12 2.55 11.55 3 11 3C10.45 3 10 2.55 10 2L10 1C10 0.45 10.45 0 11 0Z"/>
  <path transform="translate(1 0)" fill="currentColor" d="M2.29 3.29C2.68 2.9 3.32 2.9 3.71 3.29L4.41 4C4.8 4.39 4.8 5.02 4.41 5.41C4.02 5.8 3.39 5.8 3 5.41L2.29 4.71C1.9 4.32 1.9 3.68 2.29 3.29Z"/>
  <path transform="translate(1 0)" fill="currentColor" d="M19.41 3.29C19.8 3.68 19.8 4.32 19.41 4.71L18.71 5.41C18.32 5.8 17.68 5.8 17.29 5.41C16.9 5.02 16.9 4.39 17.29 4L18 3.29C18.39 2.9 19.02 2.9 19.41 3.29Z"/>
  <path transform="translate(1 0)" fill="currentColor" d="M0 11C0 10.45 0.45 10 1 10L2 10C2.55 10 3 10.45 3 11C3 11.55 2.55 12 2 12L1 12C0.45 12 0 11.55 0 11Z"/>
  <path transform="translate(1 0)" fill="currentColor" d="M19 11C19 10.45 19.45 10 20 10L21 10C21.55 10 22 10.45 22 11C22 11.55 21.55 12 21 12L20 12C19.45 12 19 11.55 19 11Z"/>
  <path transform="translate(1 0)" fill="currentColor" d="M8.38 21C8.38 20.45 8.83 20 9.38 20L12.62 20C13.17 20 13.62 20.45 13.62 21C13.62 21.55 13.17 22 12.62 22L9.38 22C8.83 22 8.38 21.55 8.38 21Z"/>
  <path transform="translate(1 0)" fill="currentColor" d="M4.31 10.47C4.31 6.86 7.34 3.99 11 3.99C14.66 3.99 17.69 6.86 17.69 10.47C17.69 12.44 16.77 14.2 15.35 15.38C14.92 15.74 14.66 16.1 14.57 16.46L14.34 17.33C14.08 18.31 13.2 18.99 12.19 18.99L9.81 18.99C8.8 18.99 7.92 18.31 7.66 17.33L7.44 16.46C7.34 16.1 7.08 15.74 6.65 15.38C5.23 14.2 4.31 12.44 4.31 10.47Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(6.31 4.99)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5.69 0C2.55 0 0 2.45 0 5.47C0 7.13 0.77 8.62 1.97 9.62C2.48 10.04 2.92 10.57 3.09 11.21L3.32 12.09C3.46 12.62 3.94 13 4.5 13L6.88 13C7.43 13 7.92 12.62 8.06 12.09L8.28 11.21C8.45 10.57 8.89 10.04 9.4 9.62C10.61 8.62 11.37 7.13 11.37 5.47C11.37 2.45 8.83 0 5.69 0Z"/>
  <path transform="translate(2 1)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.38 20L11.62 20M10 1L10 0M17 3.71L17.71 3M2.71 3.71L2 3M20 10L19 10M1 10L0 10"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(5.31 3.99)" fill="currentColor" d="M6.69 0C3.03 0 0 2.86 0 6.47C0 8.45 0.91 10.21 2.34 11.39C2.76 11.75 3.03 12.11 3.12 12.46L3.35 13.34C3.6 14.32 4.49 15 5.5 15L7.88 15C8.89 15 9.77 14.32 10.03 13.34L10.25 12.46C10.35 12.11 10.61 11.75 11.04 11.39C12.46 10.21 13.37 8.45 13.37 6.47C13.37 2.86 10.34 0 6.69 0Z"/>
  <path transform="translate(2 1)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.38 20L11.62 20M10 1L10 0M17 3.71L17.71 3M2.71 3.71L2 3M20 10L19 10M1 10L0 10"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(6.31 4.99)" fill="currentColor" d="M5.69 0C2.55 0 0 2.45 0 5.47C0 7.13 0.77 8.62 1.97 9.62C2.48 10.04 2.92 10.57 3.09 11.21L3.32 12.09C3.46 12.62 3.94 13 4.5 13L6.88 13C7.43 13 7.92 12.62 8.06 12.09L8.28 11.21C8.45 10.57 8.89 10.04 9.4 9.62C10.61 8.62 11.37 7.13 11.37 5.47C11.37 2.45 8.83 0 5.69 0Z"/>
  <path transform="translate(2 1)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M10 3.99C6.86 3.99 4.31 6.44 4.31 9.47C4.31 11.13 5.08 12.61 6.29 13.61C6.8 14.04 7.24 14.56 7.4 15.21L7.63 16.08C7.77 16.62 8.25 16.99 8.81 16.99L11.19 16.99C11.75 16.99 12.23 16.62 12.37 16.08L12.6 15.21C12.76 14.56 13.2 14.04 13.71 13.61C14.92 12.61 15.69 11.13 15.69 9.47C15.69 6.44 13.14 3.99 10 3.99Z"/>
  <path transform="translate(2 1)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.38 20L11.62 20M10 1L10 0M17 3.71L17.71 3M2.71 3.71L2 3M20 10L19 10M1 10L0 10"/>
</svg>