Add icons to this collection by clicking the heart icon.
Tornado icon - also known as weather, environment, Natural disaster, tornado, hurricane, cyclone, windstorm, typhoon, and twist. Created in a clean flat gradient style with a white, silver, teal, 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 64 64"
>
<linearGradient
id="b"
x1="41.343"
x2="19.16"
y1="43.657"
y2="12.689"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#90caf9" />
<stop offset=".143" stop-color="#97cefa" />
<stop offset=".355" stop-color="#abd8fb" />
<stop offset=".608" stop-color="#cceafe" />
<stop offset=".727" stop-color="#def3ff" />
</linearGradient>
<linearGradient
id="a"
x1="4.595"
x2="15.908"
y1="60.905"
y2="49.592"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e0dfde" />
<stop offset=".586" stop-color="#f0f5e7" />
<stop offset=".981" stop-color="#f7feeb" />
</linearGradient>
<linearGradient
id="c"
x1="52.917"
x2="37.359"
y1="64.677"
y2="49.119"
href="#a"
/>
<linearGradient
id="d"
x1="45.108"
x2="28.958"
y1="40.751"
y2="16.305"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2893db" />
<stop offset=".199" stop-color="#319adf" />
<stop offset=".53" stop-color="#4badeb" />
<stop offset=".95" stop-color="#74ccfd" />
<stop offset=".983" stop-color="#78cfff" />
</linearGradient>
<linearGradient
id="e"
x1="32"
x2="32"
y1="14.973"
y2="1.645"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2893db" />
<stop offset=".202" stop-color="#319adf" />
<stop offset=".539" stop-color="#4badeb" />
<stop offset=".966" stop-color="#74ccfd" />
<stop offset="1" stop-color="#78cfff" />
</linearGradient>
<path
fill="url(#b)"
d="M50.997 9.923A1 1 0 0 0 50 9H14a1 1 0 0 0-.995 1.1c.083.83 2.114 20.411 9.243 28.559 6.436 7.356-2.02 21.683-2.106 21.827a1 1 0 0 0 1.486 1.292c1.282-1.034 31.386-25.632 29.37-51.855z"
/>
<path
fill="#90caf9"
d="M24.367 49.142a37.888 37.888 0 0 1-4.225 11.344 1 1 0 0 0 1.486 1.292c1.159-.934 25.85-21.113 29.107-44.344-5.762 15.798-18.588 26.44-26.368 31.708z"
/>
<path
fill="url(#a)"
d="M13.999 56.1 14 56a4.003 4.003 0 0 0-5.625-3.657A5.955 5.955 0 0 0 3 49a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1 5.009 5.009 0 0 0-4.001-4.9z"
/>
<path
fill="url(#c)"
d="M57.99 55.348c.007-.117.01-.232.01-.348a6.997 6.997 0 0 0-13.75-1.834 4.984 4.984 0 0 0-5.298 1.923A5.313 5.313 0 0 0 38 55a6.007 6.007 0 0 0-6 6 1 1 0 0 0 1 1h28a1 1 0 0 0 1-1 5.988 5.988 0 0 0-4.01-5.652z"
/>
<path
fill="url(#d)"
d="M29.001 30.933h-.046C20.018 30.527 11 28.228 11 24a1 1 0 0 1 2 0c0 1.765 5.576 4.461 16.045 4.934a1 1 0 0 1-.044 2zm9.089-5.2C45.89 25.03 55 22.583 55 18a3.432 3.432 0 0 0-.31-1.41 1 1 0 1 0-1.825.82A1.426 1.426 0 0 1 53 18c0 2.154-5.644 4.89-15.09 5.74A1 1 0 0 0 38 25.736c.03 0 .06-.001.09-.004zm-4.047 13.224a32.941 32.941 0 0 0 12.39-2.656 1 1 0 1 0-.866-1.802 31.393 31.393 0 0 1-11.61 2.46A1 1 0 0 0 34 38.958zm6.318 8.7a1 1 0 1 0-.722-1.865A26.299 26.299 0 0 1 31 47c-.99 0-1.974-.037-2.923-.11a1 1 0 0 0-.154 1.994c1 .077 2.036.116 3.077.116a27.888 27.888 0 0 0 9.361-1.342zm-3.234-3.972a1 1 0 0 0-.254-1.983A38.476 38.476 0 0 1 32 42c-4.28 0-8.327-.677-10.562-1.766a1 1 0 1 0-.876 1.798C23.091 43.264 27.367 44 32 44a40.4 40.4 0 0 0 5.127-.315z"
/>
<path
fill="#e0dfde"
d="M62 61a1.003 1.003 0 0 1-1 1H33a1.003 1.003 0 0 1-1-1 5.125 5.125 0 0 1 .06-.78c6.33.34 20.82.54 27.14-4.29A5.989 5.989 0 0 1 62 61z"
/>
<path
fill="#fff"
d="M47.534 54a1 1 0 0 1-.865-1.5A5.017 5.017 0 0 1 51 50a1 1 0 0 1 0 2 3.012 3.012 0 0 0-2.6 1.5 1 1 0 0 1-.866.5z"
/>
<path
fill="#e0dfde"
d="M2 56.41V61a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1c0-.11-.022-.213-.029-.321A48.327 48.327 0 0 1 2 56.41z"
/>
<path
fill="#fff"
d="M26.001 21.586a.995.995 0 0 1-.141-.01 33.352 33.352 0 0 1-9.282-2.623 1 1 0 1 1 .844-1.812 31.332 31.332 0 0 0 8.718 2.455 1 1 0 0 1-.139 1.99zM31 21.989h-.022q-.515-.012-1.024-.035a1 1 0 0 1-.953-1.045 1.013 1.013 0 0 1 1.045-.953q.484.022.976.033a1 1 0 0 1-.022 2z"
/>
<ellipse cx="32" cy="10" fill="url(#e)" rx="19" ry="8" />
<path
fill="#2893db"
d="M47.47 14.76C44.08 16.75 38.52 18 32 18s-12.08-1.25-15.47-3.24A31.17 31.17 0 0 1 32 11a31.17 31.17 0 0 1 15.47 3.76z"
/>
</svg>
More icons in the same style and category