Add icons to this collection by clicking the heart icon.
Lightning icon - also known as cloud, weather, sun, lightning, rain, raindrop, thunderbolt, forecast, meteorology, and rainy day. 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="9"
y2="9"
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="2.5"
y2="2.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="15.05"
x2="17.758"
y1="4.404"
y2="4.404"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="26"
x2="29"
y1="9"
y2="9"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="24.242"
x2="26.949"
y1="4.404"
y2="4.404"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="3"
x2="29"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="12"
x2="20"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="8.5"
x2="11.001"
y1="25.5"
y2="25.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="10.5"
x2="13.001"
y1="29.5"
y2="29.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="16.5"
x2="19"
y1="29.5"
y2="29.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="20.5"
x2="23"
y1="25.5"
y2="25.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="21" cy="9" r="4" fill="url(#c)" />
<path
fill="url(#d)"
d="M21 4a1 1 0 0 1-1-1V2a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M16.757 5.757a.997.997 0 0 1-.707-.293l-.707-.707a.999.999 0 1 1 1.414-1.414l.708.707a.999.999 0 0 1-.708 1.707z"
/>
<path fill="url(#f)" d="M28 10h-1a1 1 0 1 1 0-2h1a1 1 0 1 1 0 2z" />
<path
fill="url(#g)"
d="M25.242 5.757a.999.999 0 0 1-.707-1.707l.707-.707a.999.999 0 1 1 1.414 1.414l-.707.707a.993.993 0 0 1-.707.293z"
/>
<path
fill="url(#h)"
d="M23 11c-.857 0-1.688.178-2.453.522A6.952 6.952 0 0 0 14 7c-3.551 0-6.493 2.658-6.941 6.089A5.007 5.007 0 0 0 3 18c0 2.757 2.243 5 5 5h15c3.309 0 6-2.691 6-6s-2.691-6-6-6z"
/>
<path
fill="url(#i)"
d="m19.217 20.803.678-1.355A1 1 0 0 0 19 18h-5a1 1 0 0 0-.949.684l-1 3c-.157.472.057.988.501 1.211l1.448.723V27a1 1 0 0 0 1.781.625l4-5a1.001 1.001 0 0 0-.074-1.332z"
/>
<path
fill="url(#j)"
d="M9.499 27a1 1 0 0 1-.893-1.447l.5-1a1 1 0 1 1 1.789.895l-.5 1c-.176.35-.529.552-.896.552z"
/>
<path
fill="url(#k)"
d="M11.499 31a1 1 0 0 1-.893-1.447l.5-1a1 1 0 1 1 1.789.895l-.5 1c-.176.35-.529.552-.896.552z"
/>
<path
fill="url(#l)"
d="M17.499 31a1 1 0 0 1-.893-1.447l.5-1a1 1 0 0 1 1.789.895l-.5 1c-.176.35-.529.552-.896.552z"
/>
<path
fill="url(#m)"
d="M21.499 27a1 1 0 0 1-.893-1.447l.5-1a1 1 0 0 1 1.789.895l-.5 1c-.176.35-.529.552-.896.552z"
/>
</svg>
More icons in the same style and category