tornado emoji

tornado from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
tornado
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

tornadoBootstrap IconstornadoCarbontornadoFramework7 IconstornadoFont Awesome 6 SolidtornadoFont Awesome SolidtornadoFluent EmojitornadoFluent Emoji FlattornadoFluent Emoji High ContrasttornadoFirefox OS EmojitornadoLucidetornadoMaterial SymbolstornadoMaterial Symbols Lighttornado-fillMingCute IcontornadoMyna UI IconstornadoNoto EmojitornadoOpenMojitornadoPhosphortornado-fillRemix Icontornado-boldSolartornadoTabler IconstornadoTDesign IconstornadoTwitter EmojitornadoUnicons

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the tornado emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#97a3a2" d="M4.3 11.1C4.3 31 19.5 61 27.1 61c9.7 0 2.1-19.6 2.1-19.6l30.2-11.9C63.9 2.5 4.3-3.6 4.3 11.1"/><path fill="#c8d9d8" d="M58.1 17.6C73.4 22.4 40.8-3.4 9.5 3c-9.1 1.9-6 9.9-6 9.9c-2.1 3-2 7.2 0 10.3c1.7 2.6 0 7.1 4.9 12.1c.8.8-2.1 5.2 3.6 9.3c1.2.9 3.2 2.4 2.7 4.7c-.6 2.8 5 5.4 6 8.6c2.1 6.5 10.1 4.6 13.8-1.1c0 0-1.3.4-1.8-.5c4.1-2 4.7-7.3-.6-7.8c4.8-4.1 2.6-9.5 9.6-10.8c5.7-1 6.7-3.4 6.7-3.4c7.9.1 18.9-5.2 9.7-16.7M6.9 21.2c-.7-1.4-1.6-3.4-1-5q1.95 1.95 4.2 3.6c-1.1.2-2.3.7-3.2 1.4M9 29.5c2.2 2.5 4.9 3 4.9 3c-2 .9-4.5 1.3-4.9-3m6.1 16.6s1.4 0 1.4.4c.2 2.7-1.4-.4-1.4-.4m-2.5-7.7c3.2 1.8 6.8 3.1 10.4 3.9c-12.7 1.7-11.9-4.8-10.4-3.9m12.7 9.4s-2.6.7-4.8.2c1.5-1.6 4.8-.2 4.8-.2m-3.5 5.3C21 54.3 19 52 19 51c.1-2 5.9-.4 5.9-.4s-2.4 1.4-3.1 2.5m2.7 4.7c1.6 0 3.3-.1 4.9-.4c-.9 1.2-2.8 2.7-4.9.4m2.5-4.2c2.7-1.2 4.4-1.2 4.4-1.2s-2 1.7-4.4 1.2M15.9 35.5c5.3-2.6 9.9 1.3 17.6 3.1c-2.9.8-12.9.6-17.6-3.1m11.8-2.6s7.1.5 5.8-.7c-4.3-4.1-18.6 1.7-24.5-8c2.7-2.4 5.8-1.4 8.5.1c-4.9 3.1.4 1.1 3.2 1.7c5 1.1 14.7 4 16.7 8c-6 .7-9.7-1.1-9.7-1.1m13.3.5c.6.5 3.2.1 3.2.1c-1.5.8-3.9 2.5-3.2-.1M13.9 17.5C31.6 19 42.8 23.8 45 30.1c-13.4-1.1-8.1-7.6-31.1-12.6m42 12.1c-.2-5.7-9.5-14.6-5-5c1.9 4.1-.4 7.4-2.4 4.2C38.7 13.3 18.2 19.3 9.3 14c8.9-4.3 43.7 8 34.8 4C18.4 6.2 6.7 12.6 6.7 9.7c0-5.3 17.5-8.3 40.9 2c-28.8-5.6-31.7-2.6-26.9-2.1c35.2 3.6 41.2 14.1 35.2 20"/><path fill="#fff" d="M30.3 13.5C7.9 9 6.1 8.7 27.2 14.3c28.3 7.5 19 2.4 3.1-.8m-9.8 9.2C9.7 15.3 5.2 13.2 11.9 19C26 31.1 39 31.9 41.2 31.7c4.8-.6-8-.4-20.7-9m-2.9 8c-9.3-5.5-13-6.2-7-1.4c12.8 10.1 22.9 8.3 24.4 7.5c3.2-2-6.5.4-17.4-6.1m3.1 8.7c-7.3-2.9-10-2.8-4.9.1c10.6 6.1 17 2.8 17.8 1.8c1.7-2.3-4.2 1.5-12.9-1.9m.3 5.3c-6.1-1.4-8.1-.5-3.7.8c8 2.4 12.3.9 13.1.3c2-1.3-2.3.6-9.4-1.1m6.8 4.6c7.7-2.8-3-1.5-4.3.4c-.5.7 3.3 0 4.3-.4m.5 3.4c7.2-2.1-2.6-1.6-3.9.1c-.5.5 3 .1 3.9-.1m-3.4 2.6c-.5.5 2.6.5 3.5.3c6.7-1.2-2.1-1.7-3.5-.3"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneTornado(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#97a3a2" d="M4.3 11.1C4.3 31 19.5 61 27.1 61c9.7 0 2.1-19.6 2.1-19.6l30.2-11.9C63.9 2.5 4.3-3.6 4.3 11.1"/><path fill="#c8d9d8" d="M58.1 17.6C73.4 22.4 40.8-3.4 9.5 3c-9.1 1.9-6 9.9-6 9.9c-2.1 3-2 7.2 0 10.3c1.7 2.6 0 7.1 4.9 12.1c.8.8-2.1 5.2 3.6 9.3c1.2.9 3.2 2.4 2.7 4.7c-.6 2.8 5 5.4 6 8.6c2.1 6.5 10.1 4.6 13.8-1.1c0 0-1.3.4-1.8-.5c4.1-2 4.7-7.3-.6-7.8c4.8-4.1 2.6-9.5 9.6-10.8c5.7-1 6.7-3.4 6.7-3.4c7.9.1 18.9-5.2 9.7-16.7M6.9 21.2c-.7-1.4-1.6-3.4-1-5q1.95 1.95 4.2 3.6c-1.1.2-2.3.7-3.2 1.4M9 29.5c2.2 2.5 4.9 3 4.9 3c-2 .9-4.5 1.3-4.9-3m6.1 16.6s1.4 0 1.4.4c.2 2.7-1.4-.4-1.4-.4m-2.5-7.7c3.2 1.8 6.8 3.1 10.4 3.9c-12.7 1.7-11.9-4.8-10.4-3.9m12.7 9.4s-2.6.7-4.8.2c1.5-1.6 4.8-.2 4.8-.2m-3.5 5.3C21 54.3 19 52 19 51c.1-2 5.9-.4 5.9-.4s-2.4 1.4-3.1 2.5m2.7 4.7c1.6 0 3.3-.1 4.9-.4c-.9 1.2-2.8 2.7-4.9.4m2.5-4.2c2.7-1.2 4.4-1.2 4.4-1.2s-2 1.7-4.4 1.2M15.9 35.5c5.3-2.6 9.9 1.3 17.6 3.1c-2.9.8-12.9.6-17.6-3.1m11.8-2.6s7.1.5 5.8-.7c-4.3-4.1-18.6 1.7-24.5-8c2.7-2.4 5.8-1.4 8.5.1c-4.9 3.1.4 1.1 3.2 1.7c5 1.1 14.7 4 16.7 8c-6 .7-9.7-1.1-9.7-1.1m13.3.5c.6.5 3.2.1 3.2.1c-1.5.8-3.9 2.5-3.2-.1M13.9 17.5C31.6 19 42.8 23.8 45 30.1c-13.4-1.1-8.1-7.6-31.1-12.6m42 12.1c-.2-5.7-9.5-14.6-5-5c1.9 4.1-.4 7.4-2.4 4.2C38.7 13.3 18.2 19.3 9.3 14c8.9-4.3 43.7 8 34.8 4C18.4 6.2 6.7 12.6 6.7 9.7c0-5.3 17.5-8.3 40.9 2c-28.8-5.6-31.7-2.6-26.9-2.1c35.2 3.6 41.2 14.1 35.2 20"/><path fill="#fff" d="M30.3 13.5C7.9 9 6.1 8.7 27.2 14.3c28.3 7.5 19 2.4 3.1-.8m-9.8 9.2C9.7 15.3 5.2 13.2 11.9 19C26 31.1 39 31.9 41.2 31.7c4.8-.6-8-.4-20.7-9m-2.9 8c-9.3-5.5-13-6.2-7-1.4c12.8 10.1 22.9 8.3 24.4 7.5c3.2-2-6.5.4-17.4-6.1m3.1 8.7c-7.3-2.9-10-2.8-4.9.1c10.6 6.1 17 2.8 17.8 1.8c1.7-2.3-4.2 1.5-12.9-1.9m.3 5.3c-6.1-1.4-8.1-.5-3.7.8c8 2.4 12.3.9 13.1.3c2-1.3-2.3.6-9.4-1.1m6.8 4.6c7.7-2.8-3-1.5-4.3.4c-.5.7 3.3 0 4.3-.4m.5 3.4c7.2-2.1-2.6-1.6-3.9.1c-.5.5 3 .1 3.9-.1m-3.4 2.6c-.5.5 2.6.5 3.5.3c6.7-1.2-2.1-1.7-3.5-.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#97a3a2" d="M4.3 11.1C4.3 31 19.5 61 27.1 61c9.7 0 2.1-19.6 2.1-19.6l30.2-11.9C63.9 2.5 4.3-3.6 4.3 11.1"/><path fill="#c8d9d8" d="M58.1 17.6C73.4 22.4 40.8-3.4 9.5 3c-9.1 1.9-6 9.9-6 9.9c-2.1 3-2 7.2 0 10.3c1.7 2.6 0 7.1 4.9 12.1c.8.8-2.1 5.2 3.6 9.3c1.2.9 3.2 2.4 2.7 4.7c-.6 2.8 5 5.4 6 8.6c2.1 6.5 10.1 4.6 13.8-1.1c0 0-1.3.4-1.8-.5c4.1-2 4.7-7.3-.6-7.8c4.8-4.1 2.6-9.5 9.6-10.8c5.7-1 6.7-3.4 6.7-3.4c7.9.1 18.9-5.2 9.7-16.7M6.9 21.2c-.7-1.4-1.6-3.4-1-5q1.95 1.95 4.2 3.6c-1.1.2-2.3.7-3.2 1.4M9 29.5c2.2 2.5 4.9 3 4.9 3c-2 .9-4.5 1.3-4.9-3m6.1 16.6s1.4 0 1.4.4c.2 2.7-1.4-.4-1.4-.4m-2.5-7.7c3.2 1.8 6.8 3.1 10.4 3.9c-12.7 1.7-11.9-4.8-10.4-3.9m12.7 9.4s-2.6.7-4.8.2c1.5-1.6 4.8-.2 4.8-.2m-3.5 5.3C21 54.3 19 52 19 51c.1-2 5.9-.4 5.9-.4s-2.4 1.4-3.1 2.5m2.7 4.7c1.6 0 3.3-.1 4.9-.4c-.9 1.2-2.8 2.7-4.9.4m2.5-4.2c2.7-1.2 4.4-1.2 4.4-1.2s-2 1.7-4.4 1.2M15.9 35.5c5.3-2.6 9.9 1.3 17.6 3.1c-2.9.8-12.9.6-17.6-3.1m11.8-2.6s7.1.5 5.8-.7c-4.3-4.1-18.6 1.7-24.5-8c2.7-2.4 5.8-1.4 8.5.1c-4.9 3.1.4 1.1 3.2 1.7c5 1.1 14.7 4 16.7 8c-6 .7-9.7-1.1-9.7-1.1m13.3.5c.6.5 3.2.1 3.2.1c-1.5.8-3.9 2.5-3.2-.1M13.9 17.5C31.6 19 42.8 23.8 45 30.1c-13.4-1.1-8.1-7.6-31.1-12.6m42 12.1c-.2-5.7-9.5-14.6-5-5c1.9 4.1-.4 7.4-2.4 4.2C38.7 13.3 18.2 19.3 9.3 14c8.9-4.3 43.7 8 34.8 4C18.4 6.2 6.7 12.6 6.7 9.7c0-5.3 17.5-8.3 40.9 2c-28.8-5.6-31.7-2.6-26.9-2.1c35.2 3.6 41.2 14.1 35.2 20"/><path fill="#fff" d="M30.3 13.5C7.9 9 6.1 8.7 27.2 14.3c28.3 7.5 19 2.4 3.1-.8m-9.8 9.2C9.7 15.3 5.2 13.2 11.9 19C26 31.1 39 31.9 41.2 31.7c4.8-.6-8-.4-20.7-9m-2.9 8c-9.3-5.5-13-6.2-7-1.4c12.8 10.1 22.9 8.3 24.4 7.5c3.2-2-6.5.4-17.4-6.1m3.1 8.7c-7.3-2.9-10-2.8-4.9.1c10.6 6.1 17 2.8 17.8 1.8c1.7-2.3-4.2 1.5-12.9-1.9m.3 5.3c-6.1-1.4-8.1-.5-3.7.8c8 2.4 12.3.9 13.1.3c2-1.3-2.3.6-9.4-1.1m6.8 4.6c7.7-2.8-3-1.5-4.3.4c-.5.7 3.3 0 4.3-.4m.5 3.4c7.2-2.1-2.6-1.6-3.9.1c-.5.5 3 .1 3.9-.1m-3.4 2.6c-.5.5 2.6.5 3.5.3c6.7-1.2-2.1-1.7-3.5-.3"/></svg>
</template>

CSS

.icon-tornado {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2397a3a2%22%20d%3D%22M4.3%2011.1C4.3%2031%2019.5%2061%2027.1%2061c9.7%200%202.1-19.6%202.1-19.6l30.2-11.9C63.9%202.5%204.3-3.6%204.3%2011.1%22%2F%3E%3Cpath%20fill%3D%22%23c8d9d8%22%20d%3D%22M58.1%2017.6C73.4%2022.4%2040.8-3.4%209.5%203c-9.1%201.9-6%209.9-6%209.9c-2.1%203-2%207.2%200%2010.3c1.7%202.6%200%207.1%204.9%2012.1c.8.8-2.1%205.2%203.6%209.3c1.2.9%203.2%202.4%202.7%204.7c-.6%202.8%205%205.4%206%208.6c2.1%206.5%2010.1%204.6%2013.8-1.1c0%200-1.3.4-1.8-.5c4.1-2%204.7-7.3-.6-7.8c4.8-4.1%202.6-9.5%209.6-10.8c5.7-1%206.7-3.4%206.7-3.4c7.9.1%2018.9-5.2%209.7-16.7M6.9%2021.2c-.7-1.4-1.6-3.4-1-5q1.95%201.95%204.2%203.6c-1.1.2-2.3.7-3.2%201.4M9%2029.5c2.2%202.5%204.9%203%204.9%203c-2%20.9-4.5%201.3-4.9-3m6.1%2016.6s1.4%200%201.4.4c.2%202.7-1.4-.4-1.4-.4m-2.5-7.7c3.2%201.8%206.8%203.1%2010.4%203.9c-12.7%201.7-11.9-4.8-10.4-3.9m12.7%209.4s-2.6.7-4.8.2c1.5-1.6%204.8-.2%204.8-.2m-3.5%205.3C21%2054.3%2019%2052%2019%2051c.1-2%205.9-.4%205.9-.4s-2.4%201.4-3.1%202.5m2.7%204.7c1.6%200%203.3-.1%204.9-.4c-.9%201.2-2.8%202.7-4.9.4m2.5-4.2c2.7-1.2%204.4-1.2%204.4-1.2s-2%201.7-4.4%201.2M15.9%2035.5c5.3-2.6%209.9%201.3%2017.6%203.1c-2.9.8-12.9.6-17.6-3.1m11.8-2.6s7.1.5%205.8-.7c-4.3-4.1-18.6%201.7-24.5-8c2.7-2.4%205.8-1.4%208.5.1c-4.9%203.1.4%201.1%203.2%201.7c5%201.1%2014.7%204%2016.7%208c-6%20.7-9.7-1.1-9.7-1.1m13.3.5c.6.5%203.2.1%203.2.1c-1.5.8-3.9%202.5-3.2-.1M13.9%2017.5C31.6%2019%2042.8%2023.8%2045%2030.1c-13.4-1.1-8.1-7.6-31.1-12.6m42%2012.1c-.2-5.7-9.5-14.6-5-5c1.9%204.1-.4%207.4-2.4%204.2C38.7%2013.3%2018.2%2019.3%209.3%2014c8.9-4.3%2043.7%208%2034.8%204C18.4%206.2%206.7%2012.6%206.7%209.7c0-5.3%2017.5-8.3%2040.9%202c-28.8-5.6-31.7-2.6-26.9-2.1c35.2%203.6%2041.2%2014.1%2035.2%2020%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30.3%2013.5C7.9%209%206.1%208.7%2027.2%2014.3c28.3%207.5%2019%202.4%203.1-.8m-9.8%209.2C9.7%2015.3%205.2%2013.2%2011.9%2019C26%2031.1%2039%2031.9%2041.2%2031.7c4.8-.6-8-.4-20.7-9m-2.9%208c-9.3-5.5-13-6.2-7-1.4c12.8%2010.1%2022.9%208.3%2024.4%207.5c3.2-2-6.5.4-17.4-6.1m3.1%208.7c-7.3-2.9-10-2.8-4.9.1c10.6%206.1%2017%202.8%2017.8%201.8c1.7-2.3-4.2%201.5-12.9-1.9m.3%205.3c-6.1-1.4-8.1-.5-3.7.8c8%202.4%2012.3.9%2013.1.3c2-1.3-2.3.6-9.4-1.1m6.8%204.6c7.7-2.8-3-1.5-4.3.4c-.5.7%203.3%200%204.3-.4m.5%203.4c7.2-2.1-2.6-1.6-3.9.1c-.5.5%203%20.1%203.9-.1m-3.4%202.6c-.5.5%202.6.5%203.5.3c6.7-1.2-2.1-1.7-3.5-.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2397a3a2%22%20d%3D%22M4.3%2011.1C4.3%2031%2019.5%2061%2027.1%2061c9.7%200%202.1-19.6%202.1-19.6l30.2-11.9C63.9%202.5%204.3-3.6%204.3%2011.1%22%2F%3E%3Cpath%20fill%3D%22%23c8d9d8%22%20d%3D%22M58.1%2017.6C73.4%2022.4%2040.8-3.4%209.5%203c-9.1%201.9-6%209.9-6%209.9c-2.1%203-2%207.2%200%2010.3c1.7%202.6%200%207.1%204.9%2012.1c.8.8-2.1%205.2%203.6%209.3c1.2.9%203.2%202.4%202.7%204.7c-.6%202.8%205%205.4%206%208.6c2.1%206.5%2010.1%204.6%2013.8-1.1c0%200-1.3.4-1.8-.5c4.1-2%204.7-7.3-.6-7.8c4.8-4.1%202.6-9.5%209.6-10.8c5.7-1%206.7-3.4%206.7-3.4c7.9.1%2018.9-5.2%209.7-16.7M6.9%2021.2c-.7-1.4-1.6-3.4-1-5q1.95%201.95%204.2%203.6c-1.1.2-2.3.7-3.2%201.4M9%2029.5c2.2%202.5%204.9%203%204.9%203c-2%20.9-4.5%201.3-4.9-3m6.1%2016.6s1.4%200%201.4.4c.2%202.7-1.4-.4-1.4-.4m-2.5-7.7c3.2%201.8%206.8%203.1%2010.4%203.9c-12.7%201.7-11.9-4.8-10.4-3.9m12.7%209.4s-2.6.7-4.8.2c1.5-1.6%204.8-.2%204.8-.2m-3.5%205.3C21%2054.3%2019%2052%2019%2051c.1-2%205.9-.4%205.9-.4s-2.4%201.4-3.1%202.5m2.7%204.7c1.6%200%203.3-.1%204.9-.4c-.9%201.2-2.8%202.7-4.9.4m2.5-4.2c2.7-1.2%204.4-1.2%204.4-1.2s-2%201.7-4.4%201.2M15.9%2035.5c5.3-2.6%209.9%201.3%2017.6%203.1c-2.9.8-12.9.6-17.6-3.1m11.8-2.6s7.1.5%205.8-.7c-4.3-4.1-18.6%201.7-24.5-8c2.7-2.4%205.8-1.4%208.5.1c-4.9%203.1.4%201.1%203.2%201.7c5%201.1%2014.7%204%2016.7%208c-6%20.7-9.7-1.1-9.7-1.1m13.3.5c.6.5%203.2.1%203.2.1c-1.5.8-3.9%202.5-3.2-.1M13.9%2017.5C31.6%2019%2042.8%2023.8%2045%2030.1c-13.4-1.1-8.1-7.6-31.1-12.6m42%2012.1c-.2-5.7-9.5-14.6-5-5c1.9%204.1-.4%207.4-2.4%204.2C38.7%2013.3%2018.2%2019.3%209.3%2014c8.9-4.3%2043.7%208%2034.8%204C18.4%206.2%206.7%2012.6%206.7%209.7c0-5.3%2017.5-8.3%2040.9%202c-28.8-5.6-31.7-2.6-26.9-2.1c35.2%203.6%2041.2%2014.1%2035.2%2020%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30.3%2013.5C7.9%209%206.1%208.7%2027.2%2014.3c28.3%207.5%2019%202.4%203.1-.8m-9.8%209.2C9.7%2015.3%205.2%2013.2%2011.9%2019C26%2031.1%2039%2031.9%2041.2%2031.7c4.8-.6-8-.4-20.7-9m-2.9%208c-9.3-5.5-13-6.2-7-1.4c12.8%2010.1%2022.9%208.3%2024.4%207.5c3.2-2-6.5.4-17.4-6.1m3.1%208.7c-7.3-2.9-10-2.8-4.9.1c10.6%206.1%2017%202.8%2017.8%201.8c1.7-2.3-4.2%201.5-12.9-1.9m.3%205.3c-6.1-1.4-8.1-.5-3.7.8c8%202.4%2012.3.9%2013.1.3c2-1.3-2.3.6-9.4-1.1m6.8%204.6c7.7-2.8-3-1.5-4.3.4c-.5.7%203.3%200%204.3-.4m.5%203.4c7.2-2.1-2.6-1.6-3.9.1c-.5.5%203%20.1%203.9-.1m-3.4%202.6c-.5.5%202.6.5%203.5.3c6.7-1.2-2.1-1.7-3.5-.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/tornado.svg?color=%231a73e8&size=48