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="-54.956"
x2="11.195"
y1="581.545"
y2="647.695"
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.264 16 16 48.616 16 72s88.264 56 232 56 232-32.616 232-56-88.264-56-232-56z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-48.955"
x2="17.195"
y1="575.545"
y2="641.695"
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.311 639.311 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.904 76 163.856 76 168c0 10.608 33.144 29.008 106.832 36.688a654.017 654.017 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.464 222.96 269.784 224 248 224z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-44.479"
x2="21.674"
y1="571.066"
y2="637.217"
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.432 0-26.664-.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.144-4.872-11.936-9.44a8.001 8.001 0 0 1 6.76-14.504C372.872 224.208 380 232.264 380 241.6c0 28.664-66.2 37.504-94.664 40-12.672 1.056-25.904 1.6-39.336 1.6z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-40.99"
x2="25.164"
y1="567.576"
y2="633.727"
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.472 1.76-2.864 2.832-2.872 2.848 1.664 4.8 30.888 17.952 90.024 17.952 58.848 0 88.072-13 90-18.272a19.174 19.174 0 0 0-2.864-2.536 8.001 8.001 0 0 1 9.264-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="-35.966"
x2="30.185"
y1="562.555"
y2="628.703"
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 1 1 13.984 7.76l-80 144A8 8 0 0 1 248 496z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-54.956"
x2="11.195"
y1="581.545"
y2="647.695"
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 112c-21.288 0-208-1.128-208-40s186.712-40 208-40 208 1.128 208 40-186.712 40-208 40zM56.592 72C66.64 82.168 137.6 96 248 96s181.36-13.832 191.408-24C429.36 61.832 358.4 48 248 48S66.64 61.832 56.592 72z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category