Add icons to this collection by clicking the heart icon.
Light icon - also known as idea, light, creativity, light bulb, ui, invention, electronics, and tip. 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="-1.635"
y2="64.266"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="26.5"
x2="26.5"
y1="-1.635"
y2="64.266"
gradientTransform="rotate(30 26.497 20.467)"
href="#a"
/>
<linearGradient
id="c"
x1="22.474"
x2="22.474"
y1="-1.635"
y2="64.266"
gradientTransform="rotate(60 22.475 24.503)"
href="#a"
/>
<linearGradient id="d" x1="21" x2="21" y1="-1.635" y2="64.266" href="#a" />
<linearGradient
id="e"
x1="22.474"
x2="22.474"
y1="-1.635"
y2="64.266"
gradientTransform="rotate(30 22.474 35.491)"
href="#a"
/>
<linearGradient
id="f"
x1="41.526"
x2="41.526"
y1="-1.635"
y2="64.266"
gradientTransform="rotate(60 41.53 35.505)"
href="#a"
/>
<linearGradient id="g" x1="43" x2="43" y1="-1.635" y2="64.266" href="#a" />
<linearGradient
id="h"
x1="41.526"
x2="41.526"
y1="-1.635"
y2="64.266"
gradientTransform="rotate(30 41.522 24.492)"
href="#a"
/>
<linearGradient
id="i"
x1="37.5"
x2="37.5"
y1="-1.635"
y2="64.266"
gradientTransform="rotate(60 37.503 20.477)"
href="#a"
/>
<linearGradient
id="j"
x1="53.455"
x2="53.455"
y1="-1.635"
y2="64.266"
href="#a"
/>
<linearGradient id="k" x1="14" x2="14" y1="-1.635" y2="64.266" href="#a" />
<path
fill="url(#a)"
d="M40 30a8 8 0 1 0-11 7.41V40h-1v2h1v1a3 3 0 0 0 3 3 3.009 3.009 0 0 0 3-3v-1h1v-2h-1v-2.59A8 8 0 0 0 40 30zm-7 13a1 1 0 0 1-1 1 .949.949 0 0 1-.71-.31A.928.928 0 0 1 31 43v-1h2zm0-3h-2v-2.07a7.178 7.178 0 0 0 2 0zm0-4.09V31h1v-2h-4v2h1v4.91a6 6 0 1 1 2 0zM31 18h2v2h-2z"
/>
<path
fill="url(#b)"
d="M25.5 19.474h2v2h-2z"
transform="rotate(-30 26.493 20.472)"
/>
<path
fill="url(#c)"
d="M21.473 23.5h2v2h-2z"
transform="rotate(-60 22.477 24.502)"
/>
<path fill="url(#d)" d="M20 29h2v2h-2z" />
<path
fill="url(#e)"
d="M21.473 34.5h2v2h-2z"
transform="rotate(-30 22.465 35.495)"
/>
<path
fill="url(#f)"
d="M40.526 34.5h2v2h-2z"
transform="rotate(-60 41.532 35.502)"
/>
<path fill="url(#g)" d="M42 29h2v2h-2z" />
<path
fill="url(#h)"
d="M40.526 23.5h2v2h-2z"
transform="rotate(-30 41.516 24.498)"
/>
<path
fill="url(#i)"
d="M36.5 19.474h2v2h-2z"
transform="rotate(-60 37.504 20.475)"
/>
<path
fill="url(#a)"
d="M56.307 14.413a1 1 0 1 0-1.62 1.174 28.008 28.008 0 1 1-4.342-4.741 1 1 0 1 0 1.31-1.511 29.975 29.975 0 1 0 4.652 5.078z"
/>
<path
fill="url(#j)"
d="M53.153 13.655a1 1 0 0 0 1.512-1.31q-.458-.528-.94-1.034a1 1 0 0 0-1.45 1.377q.45.474.878.967z"
/>
<path
fill="url(#k)"
d="M14 47a1 1 0 0 0-2 0 3 3 0 0 0 3 3 1 1 0 0 0 0-2 1 1 0 0 1-1-1z"
/>
<path
fill="url(#a)"
d="M17 49a1 1 0 0 0 1 1h31a3 3 0 0 0 3-3V17a3 3 0 0 0-3-3H15a3 3 0 0 0-3 3v27a1 1 0 0 0 2 0V17a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1v30a1 1 0 0 1-1 1H18a1 1 0 0 0-1 1z"
/>
</svg>
More icons in the same style and category