Add icons to this collection by clicking the heart icon.
Storm icon - also known as cloud, lightning bolt, weather, storm, rain, raindrops, forecast, meteorology, and thunderstorm. 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">
<stop offset="0" stop-color="#38aaff" />
<stop offset=".5" stop-color="#7ad200" />
<stop offset="1" stop-color="#f1903d" />
</linearGradient>
<linearGradient
id="b"
x1="20"
x2="20"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="54.355"
x2="54.355"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="32"
x2="32"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="7.03"
x2="7.03"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="15.015"
x2="15.015"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="18.369"
x2="18.369"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="21.144"
x2="21.144"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="23.919"
x2="23.919"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="5.434"
x2="5.434"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="8.209"
x2="8.209"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="10.984"
x2="10.984"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="13.007"
x2="13.007"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="16.476"
x2="16.476"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="54.369"
x2="54.369"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="57.144"
x2="57.144"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="59.919"
x2="59.919"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="41.434"
x2="41.434"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="44.209"
x2="44.209"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="46.984"
x2="46.984"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="49.007"
x2="49.007"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="52.476"
x2="52.476"
y1=".333"
y2="61.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M23 37.373h-3.807a1.194 1.194 0 0 1 0-2.387 1 1 0 0 0 0-2A3.197 3.197 0 0 0 16 36.179a3.198 3.198 0 0 0 3.193 3.194H23a1 1 0 0 0 0-2z"
/>
<path
fill="url(#c)"
d="M54.435 27.413a1 1 0 1 0-.869 1.801A4.323 4.323 0 0 1 56 33.082a4.296 4.296 0 0 1-4.291 4.291 1 1 0 0 0 0 2A6.298 6.298 0 0 0 58 33.082a6.331 6.331 0 0 0-3.565-5.669z"
/>
<path
fill="url(#d)"
d="M50.94 11.085a7.58 7.58 0 0 0-.106-.512c-.567-2.442-1.963-4.368-3.932-5.421-1.937-1.038-4.251-1.167-6.729-.385A30.387 30.387 0 0 1 40 4.571C38.019 2.324 35.971 0 31 0c-4.353 0-7.708 1.297-9.975 3.856-2.461 2.779-2.953 6.317-3.025 8.199a9.01 9.01 0 0 0-9.787 6.979C3.618 19.434 0 23.302 0 28c0 4.962 4.038 9 9 9h3.054c.426 3.563 3.632 6.373 7.425 6.373H29.98l-2.854 5.142A1 1 0 0 0 28 50h3.234l-5.091 8.485a1 1 0 0 0 1.423 1.339l16-11A1.001 1.001 0 0 0 43 47h-2.424l1.708-3.627h9.426c5.674 0 10.29-4.617 10.29-10.291 0-.651-.068-1.294-.196-1.922C63.218 28.997 64 26.475 64 24c0-3.081-1.248-5.945-3.609-8.282-2.783-2.755-6.72-4.35-9.451-4.633zM38.156 48.536A1 1 0 0 0 39 49h.78l-9.556 6.57 3.633-6.055A1 1 0 0 0 33 48h-3.301l2.569-4.627h7.805l-1.978 4.202a.997.997 0 0 0 .061.961zm13.553-7.163h-32.23c-2.931 0-5.387-2.252-5.476-5.021a5.17 5.17 0 0 1 4.526-5.324 1.981 1.981 0 0 0 1.718-1.687c.248-1.806 1.232-3.842 4.412-3.842.324 0 .671.021 1.043.066a2.016 2.016 0 0 0 1.526-.451c.422-.353.683-.871.716-1.421.166-2.77 1.461-7.417 8.282-7.417 2.697 0 3.885 1.033 4.959 2.184a4.027 4.027 0 0 0 3.507 1.245c2.341-.335 4.424.876 5.08 2.949.381 1.206 1.414 2.042 2.63 2.129 4.048.29 7.598 4.168 7.598 8.299 0 4.571-3.719 8.291-8.291 8.291zm9.217-12.728c-1.594-3.204-4.789-5.6-8.381-5.858-.394-.028-.734-.318-.867-.738-.943-2.979-4.002-4.796-7.271-4.325a2.016 2.016 0 0 1-1.76-.631c-1.367-1.464-3.091-2.818-6.421-2.818-9.022 0-10.148 7.116-10.285 9.303-6.319-.76-7.473 4.01-7.664 5.464a7.153 7.153 0 0 0-6.179 5.957H9c-3.86 0-7-3.14-7-7s3.14-7 7.06-7a1 1 0 0 0 .992-.877C10.485 16.632 13.472 14 17 14c.589 0 1.184.074 1.767.22a1.004 1.004 0 0 0 1.239-1.064c-.004-.048-.376-4.824 2.618-8.086C24.494 3.033 27.312 2 31 2c4.067 0 5.582 1.718 7.499 3.893.208.235.416.472.629.708a1 1 0 0 0 1.094.265c2.167-.817 4.152-.8 5.736.049 1.454.778 2.493 2.238 2.93 4.122.082.333.137.694.164 1.075.038.527.468.948 1.008.928 1.941-.011 6.034 1.238 8.924 4.099C60.985 19.12 62 21.429 62 24c0 1.57-.378 3.167-1.074 4.645z"
/>
<path
fill="url(#e)"
d="M9.06 25a1 1 0 0 0 0-2C6.27 23 4 25.243 4 28s2.243 5 5 5a1 1 0 0 0 0-2c-1.654 0-3-1.346-3-3s1.373-3 3.06-3z"
/>
<path
fill="url(#f)"
d="M17 16c-2.521 0-4.654 1.878-4.962 4.369a1 1 0 1 0 1.985.246A2.995 2.995 0 0 1 17 18a1 1 0 0 0 0-2z"
/>
<path
fill="url(#g)"
d="m17.931 59.006-.925 1.917a1 1 0 0 0 1.801.869l.925-1.917a1 1 0 0 0-1.801-.869z"
/>
<path
fill="url(#h)"
d="m21.168 52.296-1.85 3.834a1 1 0 0 0 1.801.869l1.85-3.834a1 1 0 0 0-1.801-.869z"
/>
<path
fill="url(#i)"
d="M23.022 50.755a1.003 1.003 0 0 0 1.335-.466l.925-1.917a1 1 0 0 0-1.801-.869l-.925 1.917a1 1 0 0 0 .466 1.335z"
/>
<path
fill="url(#j)"
d="m4.996 57.711-.925 1.917a1 1 0 0 0 1.801.869l.925-1.917a1 1 0 0 0-1.801-.869z"
/>
<path
fill="url(#k)"
d="m8.233 51-1.85 3.834a1 1 0 0 0 1.801.869l1.85-3.834A1 1 0 0 0 8.233 51z"
/>
<path
fill="url(#l)"
d="M11.881 45.741a.997.997 0 0 0-1.335.466l-.925 1.917a1 1 0 1 0 1.801.87l.925-1.917a1 1 0 0 0-.466-1.336z"
/>
<path
fill="url(#m)"
d="m12.569 56.459-.925 1.917a1 1 0 1 0 1.801.87l.925-1.917a1 1 0 1 0-1.801-.87z"
/>
<path
fill="url(#n)"
d="M18.529 46.406a1 1 0 0 0-1.335.466l-3.238 6.711a1 1 0 0 0 1.801.869l3.238-6.711a1 1 0 0 0-.466-1.335z"
/>
<path
fill="url(#o)"
d="m53.931 59.006-.925 1.917a1 1 0 0 0 1.801.869l.925-1.917a1 1 0 0 0-1.801-.869z"
/>
<path
fill="url(#p)"
d="m57.168 52.296-1.85 3.834a1 1 0 0 0 1.801.869l1.85-3.834a1 1 0 0 0-1.801-.869z"
/>
<path
fill="url(#q)"
d="M59.022 50.755a1.003 1.003 0 0 0 1.335-.466l.925-1.917a1 1 0 0 0-1.801-.869l-.925 1.917a1 1 0 0 0 .466 1.335z"
/>
<path
fill="url(#r)"
d="m40.996 57.711-.925 1.917a1 1 0 0 0 1.801.869l.925-1.917a1 1 0 0 0-1.801-.869z"
/>
<path
fill="url(#s)"
d="m44.233 51-1.85 3.834a1 1 0 0 0 1.801.869l1.85-3.834A1 1 0 0 0 44.233 51z"
/>
<path
fill="url(#t)"
d="M47.881 45.741a.997.997 0 0 0-1.335.466l-.925 1.917a1 1 0 1 0 1.801.87l.925-1.917a1 1 0 0 0-.466-1.336z"
/>
<path
fill="url(#u)"
d="m48.569 56.459-.925 1.917a1 1 0 1 0 1.801.87l.925-1.917a1 1 0 0 0-.466-1.335.997.997 0 0 0-1.335.465z"
/>
<path
fill="url(#v)"
d="M54.529 46.406a1 1 0 0 0-1.335.466l-3.238 6.711a1 1 0 0 0 1.801.869l3.238-6.711a1 1 0 0 0-.466-1.335z"
/>
</svg>
More icons in the same style and category