Add icons to this collection by clicking the heart icon.
Thunderstorm icon - also known as lightning bolt, weather, storm, rain, thunderbolt, atmospheric, meteorology, climate, 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 48 48"
>
<linearGradient
id="a"
x1="24"
x2="24"
y1="2.667"
y2="27.167"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaecf7" />
<stop offset="1" stop-color="#cdd3f1" />
</linearGradient>
<linearGradient
id="b"
x1="24"
x2="24"
y1="18.256"
y2="31.006"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2e5f4" stop-opacity="0" />
<stop offset="1" stop-color="#9aa6e2" />
</linearGradient>
<linearGradient
id="c"
x1="24"
x2="24"
y1="21.125"
y2="45.391"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4343" />
<stop offset="1" stop-color="#e40000" />
</linearGradient>
<linearGradient
id="d"
x1="24.822"
x2="24.822"
y1="35.476"
y2="45.742"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4343" stop-opacity="0" />
<stop offset="1" stop-color="#af0000" />
</linearGradient>
<linearGradient
id="e"
x1="15.417"
x2="12.542"
y1="38.156"
y2="43.927"
href="#a"
/>
<linearGradient
id="f"
x1="8.358"
x2="5.65"
y1="34.263"
y2="39.721"
href="#a"
/>
<linearGradient
id="g"
x1="35.406"
x2="32.594"
y1="38.172"
y2="43.828"
href="#a"
/>
<linearGradient
id="h"
x1="42.324"
x2="39.574"
y1="34.412"
y2="39.787"
href="#a"
/>
<path
fill="url(#a)"
d="M38 12c-.121 0-.238.013-.357.018a12.981 12.981 0 0 0-23.7-3.826A10 10 0 1 0 12 28h26a8 8 0 0 0 0-16z"
/>
<path
fill="url(#b)"
d="M2 18a10 10 0 0 0 10 10h26a7.972 7.972 0 0 0 7.738-10z"
/>
<path fill="url(#c)" d="m27.333 20-2.666 11H32L20.667 46l2.666-11H16z" />
<path fill="url(#d)" d="m23.333 35-2.666 11 8.311-11z" />
<path
fill="url(#e)"
d="M13 44a1 1 0 0 1-.894-1.447l2-4a1 1 0 0 1 1.789.895l-2 4A1 1 0 0 1 13 44z"
/>
<path
fill="url(#f)"
d="M6 40a1 1 0 0 1-.894-1.447l2-4a1 1 0 1 1 1.789.895l-2 4A1 1 0 0 1 6 40z"
/>
<path
fill="url(#g)"
d="M33 44a1 1 0 0 1-.894-1.447l2-4a1 1 0 1 1 1.789.895l-2 4A1 1 0 0 1 33 44z"
/>
<path
fill="url(#h)"
d="M40 40a1 1 0 0 1-.894-1.447l2-4a1 1 0 1 1 1.789.895l-2 4A1 1 0 0 1 40 40z"
/>
</svg>
More icons in the same style and category