Add icons to this collection by clicking the heart icon.
Electricity icon - also known as idea, lightbulb, electricity, electronics, and crisis. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#b3dafe" />
<stop offset="1" stop-color="#60b7ff" />
</linearGradient>
<linearGradient
id="g"
x1="233.805"
x2="283.042"
y1="8.753"
y2="18.068"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="233.805"
x2="283.042"
y1="493.227"
y2="502.542"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="465.517"
x2="539.203"
y1="248.999"
y2="262.94"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-18.957"
x2="54.729"
y1="248.999"
y2="262.94"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="400.107"
x2="460.924"
y1="78.76"
y2="90.266"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="57.533"
x2="118.349"
y1="421.334"
y2="432.84"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="396.635"
x2="465.519"
y1="420.677"
y2="433.71"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="54.06"
x2="122.944"
y1="78.103"
y2="91.135"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="325.005"
x2="374.628"
y1="26.613"
y2="36.001"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="142.273"
x2="191.895"
y1="475.304"
y2="484.692"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="447.658"
x2="521.269"
y1="340.371"
y2="354.298"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="-1.033"
x2="72.578"
y1="157.639"
y2="171.565"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="448.495"
x2="517.599"
y1="155.342"
y2="168.415"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="2.011"
x2="71.115"
y1="343.403"
y2="356.476"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="322.99"
x2="383.482"
y1="473.316"
y2="484.76"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="134.929"
x2="195.421"
y1="26.831"
y2="38.276"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fef48b" />
<stop offset=".146" stop-color="#fdf07e" />
<stop offset=".416" stop-color="#fce55c" />
<stop offset=".778" stop-color="#fbd325" />
<stop offset="1" stop-color="#fac600" />
</linearGradient>
<linearGradient
id="w"
x1="208.751"
x2="355.353"
y1="150.267"
y2="314.856"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset=".184" stop-color="#fda215" stop-opacity=".184" />
<stop offset=".394" stop-color="#fa941c" stop-opacity=".394" />
<stop offset=".618" stop-color="#f57d28" stop-opacity=".618" />
<stop offset=".85" stop-color="#ee5d38" stop-opacity=".85" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="x"
x1="247.9"
x2="402.596"
y1="212.37"
y2="246.547"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="236.766"
x2="279.693"
y1="254.676"
y2="297.603"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="255"
x2="255"
y1="269.602"
y2="343.353"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="A"
x1="254.292"
x2="281.272"
y1="390.52"
y2="430.99"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#554e56" />
<stop offset="1" stop-color="#433f43" />
</linearGradient>
<linearGradient
id="B"
x1="252.476"
x2="280.143"
y1="391.46"
y2="392.793"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#433f43" stop-opacity="0" />
<stop offset="1" stop-color="#1a1a1a" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#e1d3ce" />
<stop offset="1" stop-color="#9e9797" />
</linearGradient>
<linearGradient
id="C"
x1="255"
x2="255"
y1="331.408"
y2="367.537"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="D"
x1="255"
x2="255"
y1="371.524"
y2="407.653"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#433f43" stop-opacity="0" />
<stop offset=".301" stop-color="#3c393c" stop-opacity=".301" />
<stop offset=".737" stop-color="#292729" stop-opacity=".737" />
<stop offset="1" stop-color="#1a1a1a" />
</linearGradient>
<linearGradient
id="E"
x1="264.661"
x2="313.161"
y1="352.576"
y2="371.576"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="F"
x1="251.036"
x2="299.536"
y1="387.355"
y2="406.355"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="G"
x1="370.353"
x2="414.353"
y1="151.21"
y2="196.21"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="H"
x1="138.297"
x2="123.297"
y1="49.367"
y2="102.367"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="I"
x1="346.2"
x2="450.268"
y1="346.2"
y2="450.268"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffdf1" />
<stop offset="1" stop-color="#fff5c6" />
</linearGradient>
<linearGradient id="f">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset=".183" stop-color="#fc9b19" stop-opacity=".183" />
<stop offset=".509" stop-color="#f57d28" stop-opacity=".509" />
<stop offset=".936" stop-color="#eb4c40" stop-opacity=".936" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="J"
x1="367.8"
x2="328.409"
y1="367.8"
y2="328.409"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="K"
x1="408.581"
x2="419.981"
y1="347.925"
y2="296.925"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="L"
x1="373.2"
x2="390.976"
y1="421.8"
y2="404.024"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="M"
x1="344.4"
x2="446.355"
y1="344.4"
y2="446.355"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe646f" />
<stop offset="1" stop-color="#e41f2d" />
</linearGradient>
<linearGradient
id="N"
x1="397.5"
x2="397.5"
y1="442.5"
y2="523.609"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a72b2b" stop-opacity="0" />
<stop offset="1" stop-color="#42210b" />
</linearGradient>
<path
fill="url(#g)"
d="M255 0a7.485 7.485 0 0 0-7.485 7.485V18.04a7.485 7.485 0 1 0 14.97 0V7.485A7.485 7.485 0 0 0 255 0z"
/>
<path
fill="url(#h)"
d="M255 484.474a7.485 7.485 0 0 0-7.485 7.485v10.555a7.485 7.485 0 1 0 14.97 0v-10.555a7.485 7.485 0 0 0-7.485-7.485z"
/>
<path
fill="url(#i)"
d="M502.515 247.515H491.96a7.485 7.485 0 1 0 0 14.97h10.555a7.485 7.485 0 1 0 0-14.97z"
/>
<path
fill="url(#j)"
d="M25.526 255a7.485 7.485 0 0 0-7.485-7.485H7.485a7.485 7.485 0 1 0 0 14.97H18.04A7.485 7.485 0 0 0 25.526 255z"
/>
<path
fill="url(#k)"
d="m424.726 74.688-7.464 7.464a7.484 7.484 0 0 0 0 10.586 7.484 7.484 0 0 0 10.586 0l7.464-7.464a7.486 7.486 0 0 0-10.586-10.586z"
/>
<path
fill="url(#l)"
d="m82.152 417.263-7.464 7.464a7.486 7.486 0 0 0 10.586 10.586l7.464-7.464c2.924-2.923 2.924-7.662 0-10.586s-7.663-2.924-10.586 0z"
/>
<path
fill="url(#m)"
d="M427.848 417.263a7.484 7.484 0 0 0-10.586 0 7.484 7.484 0 0 0 0 10.586l7.464 7.464a7.486 7.486 0 0 0 10.586-10.586z"
/>
<path
fill="url(#n)"
d="M85.274 74.688a7.486 7.486 0 0 0-10.586 10.586l7.464 7.464a7.484 7.484 0 0 0 10.586 0 7.484 7.484 0 0 0 0-10.586z"
/>
<path
fill="url(#o)"
d="m351.308 38.366 3.981-9.776a7.486 7.486 0 0 0-13.865-5.647l-3.981 9.776a7.486 7.486 0 0 0 13.865 5.647z"
/>
<path
fill="url(#p)"
d="M168.448 467.525a7.486 7.486 0 0 0-9.756 4.109l-3.981 9.776a7.486 7.486 0 0 0 13.865 5.647l3.981-9.776a7.486 7.486 0 0 0-4.109-9.756z"
/>
<path
fill="url(#q)"
d="m487.057 341.425-9.776-3.981a7.486 7.486 0 0 0-5.647 13.865l9.776 3.981a7.486 7.486 0 0 0 5.647-13.865z"
/>
<path
fill="url(#r)"
d="m22.943 168.575 9.776 3.981a7.486 7.486 0 0 0 5.647-13.865l-9.776-3.981a7.486 7.486 0 0 0-5.647 13.865z"
/>
<path
fill="url(#s)"
d="m476.284 169.916 9.728-4.097a7.485 7.485 0 1 0-5.811-13.797l-9.728 4.097a7.485 7.485 0 0 0-3.993 9.804 7.484 7.484 0 0 0 9.804 3.993z"
/>
<path
fill="url(#t)"
d="m33.716 340.083-9.728 4.097a7.485 7.485 0 1 0 5.811 13.797l9.728-4.097a7.485 7.485 0 1 0-5.811-13.797z"
/>
<path
fill="url(#u)"
d="M353.88 470.473a7.485 7.485 0 1 0-13.797 5.811l4.097 9.728a7.485 7.485 0 1 0 13.797-5.811z"
/>
<path
fill="url(#v)"
d="M165.924 43.52a7.485 7.485 0 0 0 3.993-9.804l-4.097-9.728a7.485 7.485 0 1 0-13.797 5.811l4.097 9.728a7.484 7.484 0 0 0 9.804 3.993z"
/>
<path
fill="url(#w)"
d="m326.871 330.016 42.277-71.113C421.774 170.382 357.982 58.244 255 58.244S88.227 170.382 140.852 258.902l42.277 71.113c32.409 54.514 111.333 54.514 143.742.001z"
/>
<path
fill="url(#x)"
d="m326.871 330.016 42.277-71.113C421.774 170.382 357.982 58.244 255 58.244S88.227 170.382 140.852 258.902l42.277 71.113c32.409 54.514 111.333 54.514 143.742.001z"
/>
<path
fill="url(#y)"
d="m284.666 324.769 17.451-29.354c21.722-36.539-4.609-82.826-47.117-82.826-42.508 0-68.84 46.288-47.117 82.826l17.451 29.354c13.377 22.501 45.955 22.501 59.332 0z"
/>
<path
fill="url(#z)"
d="M122.537 203.048c1.715 18.833 7.602 37.833 18.316 55.854l42.277 71.113c32.408 54.513 111.333 54.513 143.741 0l42.277-71.113c10.714-18.021 16.6-37.021 18.316-55.854z"
/>
<circle cx="255" cy="391.582" r="60.174" fill="url(#A)" />
<circle cx="255" cy="391.582" r="60.174" fill="url(#B)" />
<path
fill="url(#C)"
d="M321.86 368.849H188.14c-11.079 0-20.058-8.98-20.058-20.058s8.979-20.058 20.058-20.058h133.72c11.079 0 20.058 8.98 20.058 20.058s-8.979 20.058-20.058 20.058z"
/>
<path
fill="url(#D)"
d="M321.86 408.965H188.14c-11.079 0-20.058-8.98-20.058-20.058s8.979-20.058 20.058-20.058h133.72c11.079 0 20.058 8.98 20.058 20.058s-8.979 20.058-20.058 20.058z"
/>
<path
fill="url(#E)"
d="M321.86 368.849H188.14c-11.079 0-20.058-8.98-20.058-20.058s8.979-20.058 20.058-20.058h133.72c11.079 0 20.058 8.98 20.058 20.058s-8.979 20.058-20.058 20.058z"
/>
<path
fill="url(#F)"
d="M321.86 408.965H188.14c-11.079 0-20.058-8.98-20.058-20.058s8.979-20.058 20.058-20.058h133.72c11.079 0 20.058 8.98 20.058 20.058s-8.979 20.058-20.058 20.058z"
/>
<path
fill="url(#G)"
d="m366.635 235.83 35.588-42.825a6.067 6.067 0 0 1 8.956-.412l9.093 9.093c4.323 4.323 11.718 2.102 12.945-3.887l14.218-69.417c2.913-14.221-15.124-22.883-24.403-11.718l-35.588 42.825a6.067 6.067 0 0 1-8.956.412l-9.092-9.093c-4.323-4.323-11.718-2.102-12.945 3.887l-14.218 69.416c-2.913 14.222 15.124 22.884 24.402 11.719z"
/>
<path
fill="url(#H)"
d="m153.167 116.121-26.665-32.087a4.545 4.545 0 0 0-6.71-.309l-6.813 6.813c-3.239 3.239-8.78 1.575-9.699-2.912l-10.653-52.01c-2.182-10.655 11.332-17.145 18.284-8.78l26.664 32.087a4.545 4.545 0 0 0 6.71.309l6.812-6.813c3.239-3.239 8.78-1.575 9.699 2.912l10.653 52.01c2.184 10.655-11.33 17.145-18.282 8.78z"
/>
<circle cx="397.5" cy="397.5" r="106.772" fill="url(#I)" />
<circle cx="397.5" cy="397.5" r="106.772" fill="url(#J)" />
<circle cx="397.5" cy="397.5" r="106.772" fill="url(#K)" />
<path
fill="url(#L)"
d="M473 472.999 322.001 322c-41.697 41.697-41.697 109.302 0 150.999 41.697 41.698 109.301 41.698 150.999 0z"
/>
<path
fill="url(#M)"
d="M477.05 317.95c-43.934-43.934-115.165-43.934-159.099 0s-43.934 115.165 0 159.099 115.165 43.934 159.099 0c43.933-43.934 43.933-115.165 0-159.099zM341.799 453.201c-26.667-26.667-30.213-67.698-10.638-98.19l108.828 108.828c-30.492 19.575-71.523 16.029-98.19-10.638zm122.04-13.212L355.011 331.161c30.492-19.575 71.523-16.029 98.19 10.638s30.213 67.698 10.638 98.19z"
/>
<path
fill="url(#N)"
d="M463.839 439.989 408.75 384.9h-47.7l78.939 78.939c-30.492 19.575-71.523 16.029-98.19-10.638-18.597-18.597-25.935-44.178-22.042-68.301h-34.046c-3.679 32.832 7.063 66.972 32.24 92.15 43.934 43.934 115.165 43.934 159.099 0 25.177-25.177 35.919-59.318 32.24-92.15h-34.044c3.029 18.81-.762 38.507-11.407 55.089z"
/>
</svg>
More icons in the same style and category