Add icons to this collection by clicking the heart icon.
Light Bulb icon - also known as control, light bulb, light dark, ui, toggle button, switch on, and switch off. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="17.96"
x2="383.81"
y1="47.01"
y2="548.77"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0a6c" />
<stop offset="1" stop-color="#4a3cdb" />
</linearGradient>
<linearGradient
id="b"
x1="-13.3"
x2="352.56"
y1="69.8"
y2="571.56"
href="#a"
/>
<linearGradient
id="c"
x1="11.81"
x2="377.67"
y1="51.49"
y2="553.25"
href="#a"
/>
<linearGradient
id="d"
x1="-77.08"
x2="288.77"
y1="116.31"
y2="618.07"
href="#a"
/>
<linearGradient
id="e"
x1="87.38"
x2="453.23"
y1="-3.6"
y2="498.16"
href="#a"
/>
<linearGradient
id="f"
x1="38.29"
x2="404.15"
y1="32.19"
y2="533.94"
href="#a"
/>
<linearGradient
id="g"
x1=".89"
x2="366.74"
y1="59.46"
y2="561.22"
href="#a"
/>
<linearGradient
id="h"
x1="89.75"
x2="455.6"
y1="-5.33"
y2="496.42"
href="#a"
/>
<linearGradient
id="i"
x1="-23.46"
x2="342.39"
y1="77.21"
y2="578.97"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M250.25 271.12H137.18a12.43 12.43 0 0 0-12.41 12.41 69.14 69.14 0 0 0 1.16 12.62 12.4 12.4 0 0 0 12.2 10.13H249.3a12.41 12.41 0 0 0 12.21-10.13 69.05 69.05 0 0 0 1.15-12.62 12.42 12.42 0 0 0-12.41-12.41zm-.54 22.88a.41.41 0 0 1-.41.32H138.13a.4.4 0 0 1-.4-.32 56.69 56.69 0 0 1-1-10.43.41.41 0 0 1 .41-.41h113.11a.41.41 0 0 1 .41.41 57.56 57.56 0 0 1-.95 10.43z"
/>
<path
fill="url(#b)"
d="M193.71 380.57a68.74 68.74 0 0 0 46.41-18 12.05 12.05 0 0 0-8.12-20.91h-76.55a12.05 12.05 0 0 0-8.14 20.95 68.75 68.75 0 0 0 46.4 17.96zm-38.26-26.91H232s.06.1 0 .1a57 57 0 0 1-76.66 0s.07-.1.11-.1z"
/>
<path
fill="url(#c)"
d="M70.81 142.93H71a6 6 0 0 0 5.85-6.14v-6.13c0-.76.05-1.5.09-2.25a6 6 0 1 0-12-.73c-.06.9-.09 1.79-.11 2.67-.07 2.21-.07 4.4 0 6.72a6 6 0 0 0 5.98 5.86z"
/>
<path
fill="url(#d)"
d="M241.63 494.25a43.23 43.23 0 0 1 0-84.94 6 6 0 0 0-1.12-11.89H119.14a54.37 54.37 0 1 0 0 108.73h121.38a6 6 0 0 0 1.11-11.9zm-122.49-.1a42.37 42.37 0 1 1 0-84.73h95.08a55.23 55.23 0 0 0 0 84.73z"
/>
<path
fill="url(#e)"
d="M441.22 411.22a6 6 0 0 0-6 6v49.11l-29.72-51.39a7.45 7.45 0 0 0-13.9 3.73v67.67a6 6 0 1 0 12 0v-50.71l30.73 53.13a6.91 6.91 0 0 0 12.89-3.46v-68.08a6 6 0 0 0-6-6z"
/>
<path
fill="url(#f)"
d="M344.24 411.22c-20.14 0-36.52 18.19-36.52 40.56s16.38 40.56 36.52 40.56 36.51-18.19 36.51-40.56-16.38-40.56-36.51-40.56zm0 69.12c-13.52 0-24.52-12.81-24.52-28.56s11-28.56 24.52-28.56 24.51 12.81 24.51 28.56-10.99 28.56-24.51 28.56z"
/>
<path
fill="url(#g)"
d="m253.55 331.87.08-.16a15.57 15.57 0 0 0-13.47-23.34h-92.9a15.58 15.58 0 0 0-13.49 23.32l.13.22a15.55 15.55 0 0 0 13.46 7.75h92.71a15.58 15.58 0 0 0 13.48-7.79zm-109.26-6-.09-.15a3.57 3.57 0 0 1 0-3.64 3.46 3.46 0 0 1 3-1.75h92.92a3.46 3.46 0 0 1 3 1.75 3.56 3.56 0 0 1 0 3.64l-.09.17a3.53 3.53 0 0 1-3.07 1.73h-92.6a3.53 3.53 0 0 1-3.07-1.74z"
/>
<path
fill="url(#h)"
d="M193.77 5h-1C132.26 5.43 79.5 48.83 67.38 108.21a6 6 0 1 0 11.75 2.4C90.13 56.75 138 17.39 192.9 17h.86a117 117 0 0 1 75.44 206.36 52.07 52.07 0 0 0-18.2 33.71H136.46a52.25 52.25 0 0 0-18.26-33.77 117.13 117.13 0 0 1-39.63-68.78 6 6 0 0 0-11.81 2.09 129.16 129.16 0 0 0 43.69 75.85 40.11 40.11 0 0 1 14.36 30.61 6 6 0 0 0 6 6h125.86a6 6 0 0 0 6-6A40 40 0 0 1 277 232.53 129 129 0 0 0 193.77 5z"
/>
<path
fill="url(#i)"
d="M249.65 396.56a55.22 55.22 0 1 0 55.22 55.22 55.29 55.29 0 0 0-55.22-55.22zm0 98.44a43.22 43.22 0 1 1 43.22-43.22A43.27 43.27 0 0 1 249.65 495z"
/>
</g>
</svg>
More icons in the same style and category