Add icons to this collection by clicking the heart icon.
Storm icon - also known as cloud, nature, sea, ocean, weather, warning, storm, and thunder. Created in a clean gradient style with a white, gray, navy, orange, and pink finish, 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 502 502"
>
<linearGradient
id="c"
x1="-33.036"
x2="582.331"
y1="394.859"
y2="394.859"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="d"
x1="164.447"
x2="164.447"
y1="111.331"
y2="318.338"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="365.363"
x2="365.363"
y1="173.917"
y2="351.271"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient
id="f"
x1="4.086"
x2="297.745"
y1="86.027"
y2="86.027"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="226.313"
x2="497.914"
y1="112.739"
y2="112.739"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M483.671 316.927c-37.182-33.333-93.494-33.333-130.676 0-10.43 9.351-26.227 9.351-36.658 0-37.182-33.333-93.494-33.333-130.676 0-10.43 9.351-26.227 9.351-36.658 0-37.181-33.333-93.494-33.333-130.676 0A55.135 55.135 0 0 0 0 357.975v55.923c0 46.332 37.56 83.892 83.892 83.892h334.215c46.332 0 83.892-37.56 83.892-83.892v-55.923a55.125 55.125 0 0 0-18.328-41.048z"
/>
<path
fill="#17c5d9"
d="M502 409.662v-40.037c-35.231 1.671-88.563-24.295-150.935-8.482-10.706 2.715-17.186 13.595-14.471 24.302 2.715 10.706 13.593 17.184 24.303 14.471 51.064-12.949 98.468 10.752 141.103 9.746z"
/>
<path
fill="url(#d)"
d="M220.794 182.983h-20.718l31.549-86.68h-92.563L97.92 209.337c-2.526 6.94 2.613 14.279 9.998 14.279h16.353l-16.675 45.813c-4.126 11.336 9.361 20.861 18.664 13.181l100.518-82.976c6.799-5.611 2.831-16.651-5.984-16.651z"
/>
<path
fill="url(#e)"
d="M421.71 245.568h-20.718l31.549-86.68h-92.563l-41.141 113.035c-2.526 6.94 2.613 14.279 9.999 14.279h16.353l-16.675 45.813c-4.126 11.336 9.361 20.861 18.664 13.181l100.518-82.976c6.797-5.612 2.829-16.652-5.986-16.652z"
/>
<path
fill="url(#f)"
d="M219.049 25.903c-6.898 1.907-14.334.572-19.93-3.889-13.974-11.14-31.67-17.804-50.93-17.804-16.67 0-32.166 4.997-45.093 13.562-5.134 3.402-11.548 4.128-17.399 2.203C46.999 7.242 4.086 35.542 4.086 79.207c0 38.488 34.235 66.812 70.716 61.738 6.582-.916 13.298.986 18.202 5.471 14.548 13.306 33.916 21.427 55.185 21.427 19.26 0 36.957-6.664 50.93-17.804 5.596-4.461 13.032-5.797 19.93-3.889 38.239 10.574 78.696-17.922 78.696-60.123 0-42.206-40.459-70.696-78.696-60.124z"
/>
<path
fill="#efc534"
d="M178.772 180.646c-1.094-8.96-9.414-15.068-18.339-13.72a81.963 81.963 0 0 1-12.244.917 81.467 81.467 0 0 1-32.686-6.813l-10.965 30.128a113.661 113.661 0 0 0 43.652 8.686c5.836 0 11.646-.46 17.375-1.355 8.428-1.317 14.273-9.119 13.239-17.586z"
/>
<path
fill="url(#g)"
d="M467.82 93.36c-3.287-1.452-5.728-4.324-6.759-7.766-10.29-34.362-42.133-59.411-79.845-59.411-24.343 0-46.235 10.445-61.472 27.087a12.637 12.637 0 0 1-11.277 3.957c-42.151-6.465-81.297 25.708-82.14 69.202-.767 39.533 31.288 72.544 70.828 72.864 14.792.12 28.548-4.265 39.995-11.855 3.504-2.324 7.928-2.661 11.804-1.031a82.979 82.979 0 0 0 32.263 6.494c12.349 0 24.068-2.69 34.61-7.509 3.297-1.508 7.095-1.58 10.378-.042 32.454 15.207 71.711-8.171 71.711-45.806-.002-20.622-12.372-38.353-30.096-46.184z"
/>
<path
fill="#efc534"
d="M375.238 192.673a82.843 82.843 0 0 1-26.385-6.308c-3.827-1.616-8.241-1.223-11.703 1.073a71.395 71.395 0 0 1-9.49 5.292l-13.564 37.267a102.75 102.75 0 0 0 31.843-10.609 114.524 114.524 0 0 0 26.973 5.208c8.159.58 15.444-5.087 16.892-13.137 1.68-9.345-5.096-18.114-14.566-18.786z"
/>
<path
fill="#424e5e"
d="M241.597 60.013c-6.903-6.468-17.839-5.806-23.888 1.466-14.484 17.415-23.436 39.703-23.914 64.319a103.97 103.97 0 0 0 2.808 26.165 84.605 84.605 0 0 0 2.384-1.818c5.64-4.474 13.123-5.913 20.062-3.994 3.4.94 6.817 1.566 10.222 1.906a70.694 70.694 0 0 1-2.944-21.627c.33-17.007 6.523-32.27 16.46-44.173 5.527-6.622 5.103-16.347-1.19-22.244z"
/>
<ellipse cx="273.936" cy="153.132" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="449.708" cy="153.132" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="299.543" cy="123.515" r="29.618" fill="#fff" />
<circle cx="424.101" cy="123.515" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle
cx="299.543"
cy="123.515"
r="17.652"
transform="rotate(-89.2 299.516 123.501)"
/>
<circle
cx="424.101"
cy="123.515"
r="17.652"
transform="rotate(-87.94 424.32 123.522)"
/>
<path
d="M361.822 154.075c-5.248 0-10.495-1.984-14.776-5.954a5 5 0 0 1 6.798-7.333c4.697 4.355 11.257 4.355 15.954 0a5 5 0 1 1 6.798 7.333c-4.279 3.969-9.527 5.954-14.774 5.954z"
/>
</g>
<g fill="#dff7fa">
<path
d="M398.536 475.79h-57.884c-5.522 0-10-4.477-10-10s4.478-10 10-10h57.884c5.522 0 10 4.477 10 10s-4.477 10-10 10zM439.716 471.08c-3.785 0-7.406-2.16-9.092-5.825-2.307-5.018-.109-10.956 4.908-13.263a41.925 41.925 0 0 0 13.456-9.822c3.733-4.071 10.058-4.346 14.129-.615s4.347 10.057.615 14.128a61.825 61.825 0 0 1-19.845 14.479 9.935 9.935 0 0 1-4.171.918z"
/>
</g>
<path
fill="#17c5d9"
d="M169.066 444.999c10.707-2.715 17.186-13.595 14.471-24.302-2.715-10.708-13.598-17.183-24.302-14.471-58.669 14.88-112-18.461-159.235-7.615v15.287a83.82 83.82 0 0 0 3.899 25.324c34.098-12.84 93.718 23.891 165.167 5.777z"
/>
</svg>
More icons in the same style and category