Tornado icon

fxemoji:tornado

The Tornado icon (fxemoji:tornado) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#70838E" d="M391.751 89H155.159c-13.838 0-26.292 8.098-32.075 20.669c-7.83 17.02-16.583 35.306-17.993 61.575c-.035.199-.078.381-.108.586l-.641 3.441l.002 6.597c-.017 4.832.239 10.191.876 15.981c.664 5.296 1.629 10.173 2.986 15.764c2.641 10.945 7.492 22.75 13.594 34.746c6.017 12.055 12.822 24.436 21.151 36.476c8.164 12.026 17.287 23.86 27.507 34.902a487 487 0 0 0 31.561 31.513a587 587 0 0 0 16.532 14.194l4.586 3.718c12.53 13.242 18.284 27.252 3.194 46.126a191 191 0 0 1-5.094 4.17c-4.315 3.362-8.75 6.856-12.907 10.583c-8.344 7.376-15.484 15.832-19.754 24.339c-4.523 8.35-6.425 16.265-6.981 22.522c-.57 6.292-.069 11.001.109 14.151l.618 4.782a2.258 2.258 0 0 0 4.398.367l.112-.368l1.332-4.379c1.012-2.777 2.517-6.835 5.272-11.202c2.724-4.367 6.696-8.914 12.095-12.349c5.434-3.448 12.161-5.757 20.262-7.371c4.049-.825 8.466-1.474 13.4-2.195c4.97-.776 10.314-1.416 17.24-3.336c1.698-.457 4.628-1.71 5.542-1.852c2.355-1.015 3.472-1.217 5.248-1.904c3.242-1.158 6.488-2.398 9.742-3.79c6.519-2.77 13.136-6.042 19.863-10.128c6.708-4.241 13.897-9.118 20.902-15.531l.134.153c98.028-92.893 41.379-154.678 25.615-188.175c-22.687-48.21 22.802-96.12 56.049-122.959c9.03-7.288 3.829-21.816-7.777-21.816"/><path fill="#A7C1C9" d="M295.566 131.861c0 19.282-15.631 35.139-34.913 35.139H76.75C51.483 167 31 146.29 31 121.023s20.483-45.977 45.75-45.977c0-33.607 27.244-60.851 60.851-60.851c28.312 0 52.104 19.336 58.901 45.521a36.06 36.06 0 0 1 20.462-6.334c20.009 0 36.229 16.221 36.229 36.229a36.3 36.3 0 0 1-.927 8.13a35 35 0 0 1 8.387-1.021c19.282.001 34.913 15.859 34.913 35.141m155.391 112.28c-1.891 0-3.738.183-5.532.517c.359-2.641.56-5.332.56-8.072c0-32.841-26.623-59.464-59.464-59.464c-29.056 0-53.229 20.845-58.419 48.394c-.348-.009-.694-.026-1.045-.026c-21.743 0-39.368 17.512-39.368 39.255S305.315 304 327.057 304h123.9C467.549 304 481 290.663 481 274.071s-13.451-29.93-30.043-29.93"/></svg>

How to use the Tornado icon

React

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

<Icon icon="fxemoji:tornado" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:tornado" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:tornado" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:tornado"></iconify-icon>

HTML image

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

Tornado icon in other icon sets

Tornado icon FAQ

Is the Tornado icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Tornado icon in React?

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

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

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

Browse all Firefox OS Emoji icons →