Add icons to this collection by clicking the heart icon.
Tornado icon - also known as nature, weather, wind, air flow, windy, twister, tornado, hurricane, cyclone, climate, whirlwind, and windstorm. 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 424.229 424.229"
>
<linearGradient
id="a"
x1="-50.057"
x2="-50.057"
y1="538.361"
y2="460.831"
gradientTransform="matrix(5.2245 0 0 -5.2245 392.395 2848.448)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M142.629 370.416h-23.51c-8.882 0-15.673 6.792-15.673 15.673s6.792 15.673 15.673 15.673h23.51c8.882 0 15.673-6.792 15.673-15.673s-6.792-15.673-15.673-15.673z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.507"
x2="-45.507"
y1="538.361"
y2="460.831"
gradientTransform="matrix(5.2245 0 0 -5.2245 392.395 2848.448)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M177.11 326.531h-44.93c-8.882 0-15.673 6.792-15.673 15.673s6.792 15.673 15.673 15.673h44.931c8.882 0 15.673-6.792 15.673-15.673s-6.792-15.673-15.674-15.673z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-44.307"
x2="-44.307"
y1="538.361"
y2="460.831"
gradientTransform="matrix(5.2245 0 0 -5.2245 392.395 2848.448)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M212.114 283.167h-102.4c-8.882 0-15.673 6.792-15.673 15.673s6.792 15.673 15.673 15.673h102.4c8.882 0 15.673-6.792 15.673-15.673s-6.791-15.673-15.673-15.673z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-40.507"
x2="-40.507"
y1="538.361"
y2="460.831"
gradientTransform="matrix(5.2245 0 0 -5.2245 392.395 2848.448)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M281.6 239.804H79.935c-8.882 0-15.673 6.792-15.673 15.673s6.792 15.674 15.673 15.674H281.6c8.882 0 15.673-6.792 15.673-15.673 0-8.882-6.791-15.674-15.673-15.674z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-50.057"
x2="-50.057"
y1="538.361"
y2="460.831"
gradientTransform="matrix(5.2245 0 0 -5.2245 392.395 2848.448)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M261.747 212.114c0-8.882-6.792-15.673-15.673-15.673h-230.4C6.792 196.441 0 203.233 0 212.114s6.792 15.673 15.673 15.673h230.4c8.882.001 15.674-6.791 15.674-15.673z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-48.307"
x2="-48.307"
y1="538.361"
y2="460.831"
gradientTransform="matrix(5.2245 0 0 -5.2245 392.395 2848.448)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M54.335 184.424h171.363c8.882 0 15.673-6.792 15.673-15.673s-6.792-15.673-15.673-15.673H54.335c-8.882 0-15.673 6.792-15.673 15.673s6.791 15.673 15.673 15.673z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-36.207"
x2="-36.207"
y1="538.361"
y2="460.831"
gradientTransform="matrix(5.2245 0 0 -5.2245 392.395 2848.448)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M300.408 109.714H106.057c-8.882 0-15.673 6.792-15.673 15.673s6.792 15.673 15.673 15.673h194.351c8.882 0 15.673-6.792 15.673-15.673s-6.791-15.673-15.673-15.673z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-35.157"
x2="-35.157"
y1="538.361"
y2="460.831"
gradientTransform="matrix(5.2245 0 0 -5.2245 392.395 2848.448)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M345.861 66.351H71.576c-8.882 0-15.673 6.792-15.673 15.673s6.792 15.673 15.673 15.673h274.286c8.882 0 15.673-6.792 15.673-15.673s-6.792-15.673-15.674-15.673z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-25.907"
x2="-25.907"
y1="538.361"
y2="460.831"
gradientTransform="matrix(5.2245 0 0 -5.2245 392.395 2848.448)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M408.555 22.465h-303.02c-8.882 0-15.673 6.792-15.673 15.673s6.792 15.673 15.673 15.673h303.02c8.882 0 15.673-6.792 15.673-15.673s-6.791-15.673-15.673-15.673z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category