Add icons to this collection by clicking the heart icon.
Tornado icon - also known as weather, wind, windy, twister, tornado, and climate. 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 96 96"
>
<linearGradient
id="a"
x1="46.5"
x2="46.5"
y1="86"
y2="10.52"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e0eafc" />
<stop offset="1" stop-color="#cfdef3" />
</linearGradient>
<linearGradient id="b" x1="40.5" x2="40.5" y1="86" y2="10.52" href="#a" />
<linearGradient id="c" x1="41.5" x2="41.5" y1="86" y2="10.52" href="#a" />
<linearGradient id="d" x1="47.5" x2="47.5" y1="86" y2="10.52" href="#a" />
<linearGradient id="e" x1="54" x2="54" y1="86" y2="10.52" href="#a" />
<linearGradient id="f" x1="50" x2="50" y1="86" y2="10.52" href="#a" />
<linearGradient id="g" x1="43" x2="43" y1="86" y2="10.52" href="#a" />
<path
fill="url(#a)"
d="M59 58H30a2 2 0 0 0 0 4h29a2 2 0 0 1 0 4 2 2 0 0 0 0 4 6 6 0 0 0 0-12z"
/>
<path
fill="url(#b)"
d="M24 58a2 2 0 0 1 0-4h37a2 2 0 0 0 0-4H23.75a1 1 0 0 0-.25 0 6 6 0 0 0 .5 12 2 2 0 0 0 0-4z"
/>
<path
fill="url(#c)"
d="M34 74a2 2 0 0 1 0-4h19a2 2 0 0 0 0-4H33.75a1 1 0 0 0-.25 0 6 6 0 0 0 .5 12 2 2 0 0 0 0-4z"
/>
<path
fill="url(#d)"
d="M31 38h37a2 2 0 0 0 0-4H30.75a1 1 0 0 0-.25 0 6 6 0 0 0 .5 12 2 2 0 0 0 0-4 2 2 0 0 1 0-4z"
/>
<path
fill="url(#e)"
d="M67 42H37a2 2 0 0 0 0 4h30a2 2 0 0 1 0 4 2 2 0 0 0 0 4 6 6 0 0 0 0-12z"
/>
<path
fill="url(#f)"
d="M56 74H40a2 2 0 0 0 0 4h16a2 2 0 0 1 0 4H45a2 2 0 0 0 0 4h11a6 6 0 0 0 0-12zM74.5 26a1 1 0 0 0-.25 0H26a2 2 0 0 1 0-4 2 2 0 0 0 0-4 6 6 0 0 0 0 12h48a2 2 0 0 1 0 4 2 2 0 0 0 0 4 6 6 0 0 0 .5-12z"
/>
<path
fill="url(#g)"
d="M69 16a2 2 0 0 1-2 2H32a2 2 0 0 0 0 4h35a6 6 0 0 0 0-12H15a2 2 0 0 0 0 4h52a2 2 0 0 1 2 2z"
/>
</svg>
More icons in the same style and category