Tornado Duo icon
glyphs:tornado-duo
The Tornado Duo icon (glyphs:tornado-duo) 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
- tornadoduo
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" d="M72 24c0 6.627-14.327 12-32 12S8 30.627 8 24s14.327-12 32-12s32 5.373 32 12"/><path fill="currentColor" fill-opacity=".25" 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"/><path fill="currentColor" fill-opacity=".25" d="M64.442 31.746C58.572 34.348 49.8 36 40 36s-18.572-1.652-24.442-4.254C13.918 33.036 13 34.479 13 36c0 5.523 12.088 10 27 10s27-4.477 27-10c0-1.521-.917-2.963-2.558-4.254"/><path fill="currentColor" fill-opacity=".25" d="M22.19 43.516C20.787 44.57 20 45.751 20 47c0 4.418 9.85 8 22 8s22-3.582 22-8c0-1.635-1.349-3.155-3.663-4.422C55.387 44.675 48.11 46 40 46c-6.824 0-13.056-.937-17.81-2.484"/><path fill="currentColor" fill-opacity=".25" d="M30.965 53.923C29.107 54.77 28 55.838 28 57c0 2.761 6.268 5 14 5s14-2.239 14-5c0-1.16-1.107-2.229-2.965-3.078C49.79 54.609 46.02 55 42 55s-7.79-.392-11.035-1.078"/><path fill="currentColor" fill-opacity=".25" d="M30.8 60c-1.13.836-1.8 1.874-1.8 3c0 2.761 4.03 5 9 5s9-2.239 9-5c0-.446-.105-.877-.302-1.288A38 38 0 0 1 42 62c-4.58 0-8.647-.785-11.2-2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40 36c17.673 0 32-5.373 32-12S57.673 12 40 12S8 17.373 8 24s14.327 12 32 12m0 0c8.44 0 16.118-1.225 21.836-3.228C60.504 27.83 51.236 24 40 24s-20.504 3.829-21.836 8.772C23.882 34.775 31.56 36 40 36m0 0c9.8 0 18.572-1.652 24.442-4.254C66.082 33.036 67 34.479 67 36c0 5.523-12.088 10-27 10m0-10c-9.8 0-18.572-1.652-24.442-4.254C13.918 33.036 13 34.479 13 36c0 5.523 12.088 10 27 10m0 0c8.111 0 15.387-1.325 20.337-3.422C62.65 43.845 64 45.365 64 47c0 4.418-9.85 8-22 8m-2-9c-6.824 0-13.056-.937-17.81-2.484C20.787 44.57 20 45.751 20 47c0 4.418 9.85 8 22 8m0 0c4.021 0 7.79-.392 11.035-1.078C54.893 54.771 56 55.84 56 57c0 2.761-6.268 5-14 5m0-7c-4.021 0-7.79-.392-11.035-1.078C29.107 54.771 28 55.84 28 57c0 2.761 6.268 5 14 5m0 0c1.648 0 3.23-.102 4.698-.288c.197.41.302.842.302 1.288c0 2.761-4.03 5-9 5s-9-2.239-9-5c0-1.126.67-2.164 1.8-3c2.553 1.215 6.62 2 11.2 2"/></g></svg>How to use the Tornado Duo icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:tornado-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:tornado-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:tornado-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--tornado-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:tornado-duo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:tornado-duo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/tornado-duo.svg" alt="Tornado Duo icon" width="24" height="24">Related icons in Glyphs
Tornado Duo icon FAQ
Is the Tornado Duo 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 Duo icon in React?
Install @iconify/react and render <Icon icon="glyphs:tornado-duo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tornado Duo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/tornado-duo.svg" alt="Tornado Duo icon">, or paste the SVG code inline to style it with CSS.