Add icons to this collection by clicking the heart icon.
Lightning icon - also known as cloud, lightning bolt, weather, day, sun, lightning, rain, forecast, meteorology, and thunderstorm. Created in a clean flat 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 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="17"
x2="25"
y1="11"
y2="11"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient
id="d"
x1="20"
x2="22"
y1="4.5"
y2="4.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="15.05"
x2="17.757"
y1="6.404"
y2="6.404"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="26"
x2="29"
y1="11"
y2="11"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="24.243"
x2="26.95"
y1="6.404"
y2="6.404"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="9"
x2="11"
y1="27.5"
y2="27.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="21"
x2="23"
y1="27.5"
y2="27.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="3"
x2="29"
y1="17"
y2="17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="12"
x2="20"
y1="24"
y2="24"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="21" cy="11" r="4" fill="url(#c)" />
<path
fill="url(#d)"
d="M21 6a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M16.757 7.757a.997.997 0 0 1-.707-.293l-.707-.707a.999.999 0 1 1 1.414-1.414l.707.707a.999.999 0 0 1-.707 1.707z"
/>
<path fill="url(#f)" d="M28 12h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path
fill="url(#g)"
d="M25.243 7.757a.999.999 0 0 1-.707-1.707l.707-.707a.999.999 0 1 1 1.414 1.414l-.707.707a.995.995 0 0 1-.707.293z"
/>
<path
fill="url(#h)"
d="M10 29a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M22 29a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#j)"
d="M23 13c-.858 0-1.688.178-2.454.522A6.951 6.951 0 0 0 14 9c-3.551 0-6.493 2.658-6.941 6.089A5.007 5.007 0 0 0 3 20c0 2.757 2.243 5 5 5h15c3.309 0 6-2.691 6-6s-2.691-6-6-6z"
/>
<path
fill="url(#k)"
d="m19.217 21.803.678-1.355A1 1 0 0 0 19 19h-5a1 1 0 0 0-.949.684l-1 3c-.157.472.057.988.501 1.211l1.448.723V28a1 1 0 0 0 1.781.625l4-5a1 1 0 0 0-.074-1.332z"
/>
</svg>
More icons in the same style and category