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 lineal 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 496 496"
>
<linearGradient
id="a"
x1="-64.925"
x2="12.925"
y1="571.575"
y2="649.425"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M248 144C127.776 144 0 118.768 0 72S127.776 0 248 0s248 25.232 248 72-127.776 72-248 72zm0-128C104.256 16 16 48.616 16 72s88.256 56 232 56 232-32.616 232-56-88.256-56-232-56z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.925"
x2="18.926"
y1="565.575"
y2="643.425"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M248 224a639.584 639.584 0 0 1-66.84-3.408C152.744 217.6 60 205.088 60 168c0-12.728 10.944-23.8 32.536-32.912a8 8 0 1 1 6.224 14.736C81.96 156.912 76 163.856 76 168c0 10.608 33.144 29.008 106.832 36.688a654.639 654.639 0 0 0 128.072.312C386.144 197.384 420 178.784 420 168c0-4.144-5.984-11.096-22.784-18.184a8 8 0 1 1 6.224-14.736C425.04 144.192 436 155.272 436 168c0 37.504-94.536 49.984-123.512 52.92C291.472 222.96 269.784 224 248 224z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-54.448"
x2="23.403"
y1="561.097"
y2="638.95"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M246 283.2c-13.424 0-26.656-.544-39.32-1.6-28.48-2.496-94.68-11.336-94.68-40 0-9.168 6.912-17.12 20.544-23.624a8 8 0 0 1 6.896 14.4c-9.384 4.512-11.44 8.184-11.44 9.224 0 5.776 24.168 19.2 80.048 24a462.53 462.53 0 0 0 75.912 0c55.872-4.84 80.04-18.256 80.04-24 0-1.08-2.152-4.872-11.944-9.44a8.003 8.003 0 0 1 6.768-14.504C372.872 224.208 380 232.264 380 241.6c0 28.664-66.2 37.504-94.672 40-12.672 1.056-25.904 1.6-39.328 1.6z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-50.958"
x2="26.894"
y1="557.606"
y2="635.46"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M246 331.76c-39.368 0-106-7.2-106-34.16a19.2 19.2 0 0 1 9.6-15.688 8 8 0 1 1 9.248 13.048c-2.464 1.76-2.872 2.84-2.872 2.848 1.664 4.8 30.888 17.952 90.024 17.952 58.84 0 88.072-13 90-18.272a18.348 18.348 0 0 0-2.848-2.536 8 8 0 1 1 9.248-13.048A19.2 19.2 0 0 1 352 297.6c0 26.96-66.632 34.16-106 34.16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-45.934"
x2="31.914"
y1="552.586"
y2="630.436"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M248 496a8 8 0 0 1-6.992-4.12l-80-144a8 8 0 0 1 2.786-10.965 8 8 0 0 1 11.198 3.205L248 471.52l73.008-131.4a8 8 0 0 1 13.984 7.76l-80 144A8 8 0 0 1 248 496z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category