Tornado Outline icon

glyphs:tornado-outline

The Tornado Outline icon (glyphs:tornado-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Glyphs
Author: Goran Spasojevic
License: MIT
Size: 80 × 80
Tags: tornadooutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M70.812 30.168c-.87.771-1.897 1.487-3.052 2.147c.763 1.08 1.24 2.31 1.24 3.685c0 2.168-1.193 3.986-2.804 5.397a15 15 0 0 1-2.062 1.495C65.244 44.012 66 45.377 66 47c0 1.907-1.069 3.465-2.425 4.63c-1.363 1.172-3.217 2.136-5.335 2.906a30 30 0 0 1-.884.306A4 4 0 0 1 58 57c0 1.507-.861 2.673-1.81 3.474c-.958.81-2.226 1.448-3.618 1.945c-1.07.382-2.278.703-3.586.954c-.168 2.247-1.84 3.904-3.65 4.91C43.356 69.384 40.76 70 38 70s-5.357-.617-7.335-1.716C28.755 67.222 27 65.437 27 63a5 5 0 0 1 .733-2.592C26.815 59.61 26 58.467 26 57c0-.82.258-1.544.643-2.158q-.45-.149-.883-.306c-2.118-.77-3.972-1.734-5.335-2.905C19.069 50.465 18 48.907 18 47c0-.976.278-1.858.733-2.646c-1.946-.837-3.633-1.823-4.929-2.958C12.194 39.987 11 38.168 11 36c0-1.374.477-2.606 1.24-3.685c-1.155-.66-2.182-1.376-3.052-2.147C7.323 28.514 6 26.434 6 24s1.323-4.514 3.188-6.167c1.867-1.656 4.456-3.056 7.482-4.19C22.738 11.365 30.987 10 40 10s17.262 1.367 23.33 3.642c3.026 1.135 5.615 2.535 7.482 4.19C72.677 19.487 74 21.566 74 24s-1.323 4.514-3.188 6.168M10 24c0-.88.468-1.957 1.842-3.174c1.37-1.216 3.469-2.402 6.233-3.439C23.589 15.32 31.34 14 40 14s16.411 1.32 21.925 3.387c2.764 1.037 4.862 2.223 6.234 3.439C69.532 22.043 70 23.12 70 24s-.468 1.957-1.841 3.174c-1.076.954-2.6 1.89-4.54 2.749q-.358.159-.735.313c-1.49-2.412-4.306-4.263-7.501-5.558C51.213 22.99 45.825 22 40 22s-11.214.99-15.383 2.679c-3.196 1.294-6.011 3.145-7.501 5.557c-2.295-.943-4.067-1.99-5.274-3.062C10.468 25.957 10 24.88 10 24m24.65 35.204c2.047.493 4.576.796 7.35.796q.69 0 1.357-.024a35 35 0 0 0 3.089-.248l.009-.002c1.847-.235 3.473-.61 4.772-1.074c1.142-.408 1.924-.847 2.383-1.234c.25-.211.344-.352.378-.419a1.1 1.1 0 0 0-.2-.253c-.208-.211-.541-.462-1.027-.727a50 50 0 0 1-3.473.547a59 59 0 0 1-4.971.392a63 63 0 0 1-4.363.009a59 59 0 0 1-4.716-.339a51 51 0 0 1-3.998-.61c-.487.266-.82.517-1.027.728a1.1 1.1 0 0 0-.2.253c.033.067.127.208.377.42c.46.386 1.241.825 2.383 1.233q.852.304 1.878.552m-3.413 3.146c-.188.276-.237.5-.237.65c0 .325.26 1.039 1.607 1.787C33.887 65.497 35.79 66 38 66s4.114-.502 5.393-1.213c.543-.302.91-.598 1.154-.865l-.131.008a41 41 0 0 1-3.542.055a38 38 0 0 1-4.622-.4a30 30 0 0 1-2.353-.448a23 23 0 0 1-2.662-.787m25.636-11.573c-1.25.455-2.674.855-4.24 1.186l-.012.003C49.526 52.619 45.897 53 42 53s-7.526-.38-10.621-1.034l-.012-.003a32 32 0 0 1-4.24-1.186c-1.863-.677-3.23-1.437-4.094-2.18C22.163 47.85 22 47.302 22 47c0-.253.119-.682.658-1.246C27.483 47.174 33.508 48 40 48c7.804 0 14.96-1.195 20.166-3.197C61.67 45.79 62 46.599 62 47c0 .302-.162.85-1.033 1.597c-.864.743-2.23 1.503-4.094 2.18m6.457-16.42q.363-.136.719-.277c.725.77.951 1.424.951 1.92c0 .593-.318 1.406-1.44 2.388c-1.117.978-2.85 1.95-5.163 2.808C53.786 42.904 47.282 44 40 44s-13.786-1.096-18.397-2.804c-2.314-.857-4.046-1.83-5.164-2.808C15.318 37.406 15 36.593 15 36c0-.496.226-1.15.951-1.92a37 37 0 0 0 1.537.575l.015.005c5.194 1.819 11.848 3 19.156 3.277a88 88 0 0 0 4.295.058c4.756-.051 9.283-.483 13.368-1.227c3.336-.608 6.377-1.423 9.008-2.41M28.095 33.12a61 61 0 0 1-4.822-.941a50 50 0 0 1-2.196-.578c.963-1.093 2.606-2.227 5.042-3.214C29.726 26.925 34.589 26 39.999 26s10.275.925 13.882 2.386c2.435.987 4.079 2.121 5.042 3.214a52 52 0 0 1-3.422.856a64 64 0 0 1-4.768.834c-3.33.457-6.944.71-10.733.71a85 85 0 0 1-2.614-.04a79 79 0 0 1-6.708-.49q-1.32-.154-2.583-.351m25.91 23.924l-.003-.01zm-.003-.078l.003-.009v.004zm-24.006.074l.002-.007z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m29.995 56.956l.001.002l.002.007m-.002.074l.002-.007zm0 0l-.001.004M11.842 20.826C10.468 22.043 10 23.12 10 24s.468 1.957 1.842 3.174c1.207 1.071 2.98 2.12 5.274 3.062c1.49-2.412 4.305-4.263 7.501-5.557C28.786 22.989 34.175 22 40 22s11.214.99 15.383 2.678c3.195 1.295 6.011 3.146 7.501 5.558q.377-.154.734-.313c1.942-.86 3.465-1.795 4.54-2.749C69.533 25.957 70 24.88 70 24s-.468-1.957-1.841-3.174s-3.47-2.402-6.234-3.439C56.411 15.32 48.66 14 40 14s-16.411 1.32-21.925 3.387c-2.764 1.037-4.862 2.223-6.233 3.439M67.76 32.315c1.155-.66 2.182-1.376 3.052-2.147C72.677 28.514 74 26.434 74 24s-1.323-4.514-3.188-6.167c-1.867-1.656-4.456-3.056-7.482-4.19C57.262 11.365 49.013 10 40 10s-17.262 1.367-23.33 3.642c-3.026 1.135-5.615 2.535-7.482 4.19C7.323 19.487 6 21.566 6 24s1.323 4.514 3.188 6.168c.87.771 1.897 1.487 3.052 2.147C11.477 33.395 11 34.625 11 36c0 2.168 1.193 3.986 2.804 5.397c1.296 1.135 2.983 2.12 4.929 2.958c-.455.788-.733 1.67-.733 2.645c0 1.907 1.069 3.465 2.425 4.63c1.363 1.172 3.217 2.136 5.335 2.906q.432.157.883.306A4.03 4.03 0 0 0 26 57c0 1.467.815 2.61 1.733 3.408A5 5 0 0 0 27 63c0 2.437 1.754 4.222 3.665 5.284C32.643 69.383 35.24 70 38 70s5.357-.617 7.335-1.716c1.812-1.007 3.483-2.664 3.651-4.91a24.4 24.4 0 0 0 3.586-.955c1.392-.497 2.66-1.136 3.618-1.945c.949-.8 1.81-1.967 1.81-3.474a4 4 0 0 0-.644-2.158q.453-.149.884-.306c2.118-.77 3.972-1.734 5.335-2.905C64.931 50.465 66 48.907 66 47c0-1.624-.756-2.988-1.866-4.109a15 15 0 0 0 2.062-1.495C67.806 39.987 69 38.168 69 36c0-1.374-.477-2.606-1.24-3.685M42 60c-2.774 0-5.303-.303-7.35-.796a19 19 0 0 1-1.877-.552c-1.142-.408-1.924-.847-2.383-1.234c-.25-.211-.344-.352-.378-.419c.025-.046.08-.13.2-.253c.208-.211.541-.462 1.027-.727a51 51 0 0 0 4 .61c1.516.17 3.094.285 4.715.338a63 63 0 0 0 4.363-.01a59 59 0 0 0 4.97-.39a50 50 0 0 0 3.474-.548c.486.265.82.516 1.026.727c.121.123.176.207.2.253c-.033.067-.127.208-.378.42c-.458.386-1.24.825-2.382 1.233c-1.299.464-2.925.839-4.772 1.074l-.01.002l-.498.059a35 35 0 0 1-2.59.189Q42.689 60 42 60m-10.763 2.35c-.188.276-.237.5-.237.65c0 .325.26 1.039 1.607 1.787C33.887 65.497 35.79 66 38 66s4.114-.502 5.393-1.213c.543-.302.91-.598 1.154-.865l-.131.008a41 41 0 0 1-3.542.055a38 38 0 0 1-4.622-.4a30 30 0 0 1-2.353-.448a23 23 0 0 1-2.662-.787m21.397-10.387a32 32 0 0 0 4.239-1.186c1.863-.677 3.23-1.437 4.094-2.18C61.837 47.85 62 47.302 62 47c0-.402-.329-1.21-1.834-2.197C54.96 46.806 47.804 48 40 48c-6.492 0-12.517-.827-17.342-2.246c-.54.564-.658.993-.658 1.246c0 .302.162.85 1.033 1.597c.864.743 2.23 1.503 4.094 2.18c1.25.455 2.674.855 4.24 1.186l.012.003C34.474 52.619 38.103 53 42 53s7.526-.38 10.621-1.034zM64.048 34.08q-.355.141-.72.278c-2.63.987-5.671 1.802-9.007 2.41c-4.085.744-8.612 1.176-13.368 1.227a89 89 0 0 1-4.295-.058c-7.308-.278-13.962-1.458-19.156-3.277l-.015-.005a40 40 0 0 1-1.537-.575c-.724.77-.95 1.424-.95 1.92c0 .593.318 1.406 1.44 2.388c1.117.978 2.85 1.95 5.163 2.808C26.214 42.904 32.718 44 40 44s13.786-1.096 18.397-2.804c2.314-.857 4.046-1.83 5.164-2.808C64.682 37.406 65 36.593 65 36c0-.496-.226-1.15-.951-1.92m-40.776-1.902c1.517.363 3.13.679 4.822.941q1.263.196 2.583.35a79 79 0 0 0 7.71.516Q39.187 34 40 34c3.789 0 7.404-.253 10.733-.71a64 64 0 0 0 4.768-.834a52 52 0 0 0 3.422-.856c-.963-1.093-2.607-2.227-5.042-3.214C50.274 26.925 45.41 26 40 26s-10.274.925-13.881 2.386c-2.436.987-4.079 2.121-5.042 3.214q1.061.306 2.196.578m30.732 24.865l-.003-.01zm0-.087l-.003.01l.002-.006v-.004"/></g></svg>

How to use the Tornado Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs:tornado-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs:tornado-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs:tornado-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--tornado-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:tornado-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:tornado-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/glyphs/tornado-outline.svg" alt="Tornado Outline icon" width="24" height="24">

Related icons in Glyphs

Tornado Outline icon in other icon sets

Tornado Outline icon FAQ

Is the Tornado Outline icon free for commercial use?

Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Tornado Outline icon in React?

Install @iconify/react and render <Icon icon="glyphs:tornado-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tornado Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/tornado-outline.svg" alt="Tornado Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Glyphs icons →