Add icons to this collection by clicking the heart icon.
Storm icon - also known as nature, weather, storm, sky, rain, thunder, and meteorology. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-42.136"
x2="-27.571"
y1="643.825"
y2="629.256"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M423.403 128.555C408.597 54.677 342.741 0 266.667 0c-59.371 0-114.133 33.429-141.632 85.824-2.539-.299-5.077-.491-7.701-.491C52.651 85.333 0 137.963 0 202.667S52.651 320 117.333 320H416c52.928 0 96-43.072 96-96 0-49.92-38.293-91.072-88.597-95.445zM416 298.667H117.333c-52.928 0-96-43.072-96-96s43.072-96 96-96c3.328 0 6.549.491 9.771.917l2.731.363c4.843.619 9.131-1.856 11.093-6.101 22.635-48.896 72-80.512 125.739-80.512 68.501 0 127.445 51.157 137.109 118.997.747 5.355 7.424 9.621 12.224 9.003 41.173 0 74.667 33.493 74.667 74.667S457.173 298.667 416 298.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.806"
x2="-25.6"
y1="629.089"
y2="623.879"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M364.096 421.312a10.711 10.711 0 0 0-.043 10.645l42.667 74.667A10.687 10.687 0 0 0 416 512c1.813 0 3.627-.448 5.291-1.408 5.12-2.923 6.891-9.429 3.989-14.549l-33.579-58.709H416c3.819 0 7.317-2.027 9.237-5.312a10.711 10.711 0 0 0 .043-10.645l-42.667-74.667c-2.965-5.141-9.515-6.891-14.571-3.968-5.12 2.923-6.891 9.429-3.989 14.549L397.611 416h-24.277a10.687 10.687 0 0 0-9.238 5.312z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-35.806"
x2="-30.6"
y1="629.089"
y2="623.879"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M257.429 421.312a10.711 10.711 0 0 0-.043 10.645l42.667 74.667a10.687 10.687 0 0 0 9.28 5.376c1.813 0 3.627-.448 5.291-1.408 5.12-2.923 6.891-9.429 3.989-14.549l-33.579-58.709h24.299c3.819 0 7.317-2.027 9.237-5.312a10.711 10.711 0 0 0 .043-10.645l-42.667-74.667c-2.965-5.141-9.515-6.891-14.571-3.968-5.12 2.923-6.891 9.429-3.989 14.549L290.944 416h-24.277a10.687 10.687 0 0 0-9.238 5.312z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-40.806"
x2="-35.6"
y1="629.089"
y2="623.879"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M150.763 421.312a10.711 10.711 0 0 0-.043 10.645l42.667 74.667a10.687 10.687 0 0 0 9.28 5.376c1.813 0 3.627-.448 5.291-1.408 5.12-2.923 6.891-9.429 3.989-14.549l-33.579-58.709h24.299c3.819 0 7.317-2.027 9.237-5.312a10.711 10.711 0 0 0 .043-10.645L169.28 346.71c-2.965-5.141-9.515-6.891-14.571-3.968-5.12 2.923-6.891 9.429-3.989 14.549L184.299 416H160a10.686 10.686 0 0 0-9.237 5.312z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category