Tornado Bold icon
glyphs:tornado-bold
The Tornado Bold icon (glyphs:tornado-bold) 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
- tornadobold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><ellipse cx="40" cy="24" rx="32" ry="12"/><path fill-rule="evenodd" d="M61.836 32.772C56.118 34.775 48.44 36 40 36s-16.118-1.225-21.836-3.228C19.496 27.83 28.764 24 40 24s20.504 3.828 21.836 8.772" clip-rule="evenodd"/><path fill-rule="evenodd" d="M61.209 29.81C56.264 27.49 48.602 26 40 26s-16.265 1.49-21.209 3.81C24.144 31.75 31.621 33 40 33c8.38 0 15.856-1.25 21.209-3.19m5.302 4.285c-.897.43-1.844.83-2.83 1.2C57.474 37.621 49.1 39 40 39s-17.474-1.378-23.68-3.706a35 35 0 0 1-2.83-1.199A4.1 4.1 0 0 0 13 36c0 5.523 12.088 10 27 10s27-4.477 27-10c0-.651-.168-1.288-.49-1.905" clip-rule="evenodd"/><path fill-rule="evenodd" d="M56.18 40.883C52.35 39.708 47.403 39 42 39c-6.273 0-11.933.955-15.94 2.486C30.001 42.43 34.786 43 40 43c6.245 0 11.876-.817 16.18-2.117m6.848 3.758c-.91.454-1.88.868-2.894 1.243C54.836 47.847 47.717 49 40 49c-7.57 0-14.564-1.11-19.828-3.004A3.1 3.1 0 0 0 20 47c0 4.418 9.85 8 22 8s22-3.582 22-8c0-.821-.34-1.613-.972-2.359M28.126 56.326q-.125.331-.126.674c0 2.761 6.268 5 14 5s14-2.239 14-5q0-.342-.126-.674C51.906 57.396 47.105 58 42 58s-9.906-.603-13.874-1.674" clip-rule="evenodd"/><path fill-rule="evenodd" d="M43.342 58.976Q42.682 59 42 59c-2.634 0-5.017-.28-6.941-.727A15.6 15.6 0 0 1 38 58c2 0 3.848.362 5.342.975m3.081 5.789C45.14 66.655 41.853 68 38 68c-4.97 0-9-2.239-9-5q0-.264.048-.521c.648.338 1.338.63 2.044.882C34.026 64.409 37.883 65 42 65a41 41 0 0 0 4.423-.235" clip-rule="evenodd"/></g></svg>How to use the Tornado Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:tornado-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:tornado-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:tornado-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--tornado-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:tornado-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:tornado-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/tornado-bold.svg" alt="Tornado Bold icon" width="24" height="24">Related icons in Glyphs
Tornado Bold icon in other icon sets
Tornado Bold icon FAQ
Is the Tornado Bold 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 Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:tornado-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tornado Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/tornado-bold.svg" alt="Tornado Bold icon">, or paste the SVG code inline to style it with CSS.