tornado emoji
tornado from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- tornado
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
tornadoBootstrap IconstornadoCarbontornadoEmoji One (Colored)tornadoFramework7 IconstornadoFont Awesome 6 SolidtornadoFont Awesome SolidtornadoFluent EmojitornadoFluent Emoji FlattornadoFirefox OS EmojitornadoLucidetornadoMaterial SymbolstornadoMaterial Symbols Lighttornado-fillMingCute IcontornadoMyna UI IconstornadoNoto EmojitornadoOpenMojitornadoPhosphortornado-fillRemix Icontornado-boldSolartornadoTabler IconstornadoTDesign IconstornadoTwitter EmojitornadoUnicons
More travel & places icons from Fluent Emoji High Contrast
Use the tornado emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.389 2C2.617 2 2 2.65 2 3.44V5c0 2.95.825 5.296 2.034 7.225C3.4 12.571 3 13.27 3 14c0 1.031.797 2 1.929 2h2.344c.864.792 1.744 1.499 2.56 2.154c.658.53 1.276 1.026 1.81 1.506c1.336 1.202 2.2 2.333 2.716 3.395C13.46 23.291 13 24.234 13 25c0 .883.611 2 1.8 2h.067a8 8 0 0 1-.513 1.53a1.992 1.992 0 0 0-3.103.502A1.003 1.003 0 0 0 10 30h12a1.003 1.003 0 0 0-1.251-.968a2.005 2.005 0 0 0-2.122-.997c1.85-3.27 2.25-5.358 2.41-7.035h.106C22.306 21 23 19.952 23 19c0-.792-.48-1.65-1.312-1.917a7.3 7.3 0 0 1 .562-1.073c.588-.934 1.458-1.674 2.38-2.458c.873-.743 1.794-1.526 2.564-2.552H29c1.102 0 2-.898 2-2s-.898-2-2-2h-.149A13 13 0 0 0 29 5V3.44c0-.8-.627-1.44-1.389-1.44zM29 10h-9c-.55 0-1-.45-1-1s.45-1 1-1h9c.55 0 1 .45 1 1s-.45 1-1 1m-7.625 8.037c.36.12.625.507.625.963c0 .55-.386 1-.857 1h-4.286c-.471 0-.857-.45-.857-1s.386-1 .857-1h4.286q.12 0 .232.037m-6.637 5.966l.057-.003H17.2c.44 0 .8.45.8 1s-.36 1-.8 1h-2.4c-.44 0-.8-.45-.8-1c0-.524.327-.957.738-.997M4.602 13.064A.9.9 0 0 1 4.929 13H16.07c.511 0 .929.45.929 1s-.418 1-.929 1H4.93c-.512 0-.93-.45-.93-1c0-.426.25-.792.602-.936M16 5c0 .55-.4 1-.889 1H8.89C8.4 6 8 5.55 8 5s.4-1 .889-1h6.222C15.6 4 16 4.45 16 5"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastTornado(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.389 2C2.617 2 2 2.65 2 3.44V5c0 2.95.825 5.296 2.034 7.225C3.4 12.571 3 13.27 3 14c0 1.031.797 2 1.929 2h2.344c.864.792 1.744 1.499 2.56 2.154c.658.53 1.276 1.026 1.81 1.506c1.336 1.202 2.2 2.333 2.716 3.395C13.46 23.291 13 24.234 13 25c0 .883.611 2 1.8 2h.067a8 8 0 0 1-.513 1.53a1.992 1.992 0 0 0-3.103.502A1.003 1.003 0 0 0 10 30h12a1.003 1.003 0 0 0-1.251-.968a2.005 2.005 0 0 0-2.122-.997c1.85-3.27 2.25-5.358 2.41-7.035h.106C22.306 21 23 19.952 23 19c0-.792-.48-1.65-1.312-1.917a7.3 7.3 0 0 1 .562-1.073c.588-.934 1.458-1.674 2.38-2.458c.873-.743 1.794-1.526 2.564-2.552H29c1.102 0 2-.898 2-2s-.898-2-2-2h-.149A13 13 0 0 0 29 5V3.44c0-.8-.627-1.44-1.389-1.44zM29 10h-9c-.55 0-1-.45-1-1s.45-1 1-1h9c.55 0 1 .45 1 1s-.45 1-1 1m-7.625 8.037c.36.12.625.507.625.963c0 .55-.386 1-.857 1h-4.286c-.471 0-.857-.45-.857-1s.386-1 .857-1h4.286q.12 0 .232.037m-6.637 5.966l.057-.003H17.2c.44 0 .8.45.8 1s-.36 1-.8 1h-2.4c-.44 0-.8-.45-.8-1c0-.524.327-.957.738-.997M4.602 13.064A.9.9 0 0 1 4.929 13H16.07c.511 0 .929.45.929 1s-.418 1-.929 1H4.93c-.512 0-.93-.45-.93-1c0-.426.25-.792.602-.936M16 5c0 .55-.4 1-.889 1H8.89C8.4 6 8 5.55 8 5s.4-1 .889-1h6.222C15.6 4 16 4.45 16 5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.389 2C2.617 2 2 2.65 2 3.44V5c0 2.95.825 5.296 2.034 7.225C3.4 12.571 3 13.27 3 14c0 1.031.797 2 1.929 2h2.344c.864.792 1.744 1.499 2.56 2.154c.658.53 1.276 1.026 1.81 1.506c1.336 1.202 2.2 2.333 2.716 3.395C13.46 23.291 13 24.234 13 25c0 .883.611 2 1.8 2h.067a8 8 0 0 1-.513 1.53a1.992 1.992 0 0 0-3.103.502A1.003 1.003 0 0 0 10 30h12a1.003 1.003 0 0 0-1.251-.968a2.005 2.005 0 0 0-2.122-.997c1.85-3.27 2.25-5.358 2.41-7.035h.106C22.306 21 23 19.952 23 19c0-.792-.48-1.65-1.312-1.917a7.3 7.3 0 0 1 .562-1.073c.588-.934 1.458-1.674 2.38-2.458c.873-.743 1.794-1.526 2.564-2.552H29c1.102 0 2-.898 2-2s-.898-2-2-2h-.149A13 13 0 0 0 29 5V3.44c0-.8-.627-1.44-1.389-1.44zM29 10h-9c-.55 0-1-.45-1-1s.45-1 1-1h9c.55 0 1 .45 1 1s-.45 1-1 1m-7.625 8.037c.36.12.625.507.625.963c0 .55-.386 1-.857 1h-4.286c-.471 0-.857-.45-.857-1s.386-1 .857-1h4.286q.12 0 .232.037m-6.637 5.966l.057-.003H17.2c.44 0 .8.45.8 1s-.36 1-.8 1h-2.4c-.44 0-.8-.45-.8-1c0-.524.327-.957.738-.997M4.602 13.064A.9.9 0 0 1 4.929 13H16.07c.511 0 .929.45.929 1s-.418 1-.929 1H4.93c-.512 0-.93-.45-.93-1c0-.426.25-.792.602-.936M16 5c0 .55-.4 1-.889 1H8.89C8.4 6 8 5.55 8 5s.4-1 .889-1h6.222C15.6 4 16 4.45 16 5"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.389%202C2.617%202%202%202.65%202%203.44V5c0%202.95.825%205.296%202.034%207.225C3.4%2012.571%203%2013.27%203%2014c0%201.031.797%202%201.929%202h2.344c.864.792%201.744%201.499%202.56%202.154c.658.53%201.276%201.026%201.81%201.506c1.336%201.202%202.2%202.333%202.716%203.395C13.46%2023.291%2013%2024.234%2013%2025c0%20.883.611%202%201.8%202h.067a8%208%200%200%201-.513%201.53a1.992%201.992%200%200%200-3.103.502A1.003%201.003%200%200%200%2010%2030h12a1.003%201.003%200%200%200-1.251-.968a2.005%202.005%200%200%200-2.122-.997c1.85-3.27%202.25-5.358%202.41-7.035h.106C22.306%2021%2023%2019.952%2023%2019c0-.792-.48-1.65-1.312-1.917a7.3%207.3%200%200%201%20.562-1.073c.588-.934%201.458-1.674%202.38-2.458c.873-.743%201.794-1.526%202.564-2.552H29c1.102%200%202-.898%202-2s-.898-2-2-2h-.149A13%2013%200%200%200%2029%205V3.44c0-.8-.627-1.44-1.389-1.44zM29%2010h-9c-.55%200-1-.45-1-1s.45-1%201-1h9c.55%200%201%20.45%201%201s-.45%201-1%201m-7.625%208.037c.36.12.625.507.625.963c0%20.55-.386%201-.857%201h-4.286c-.471%200-.857-.45-.857-1s.386-1%20.857-1h4.286q.12%200%20.232.037m-6.637%205.966l.057-.003H17.2c.44%200%20.8.45.8%201s-.36%201-.8%201h-2.4c-.44%200-.8-.45-.8-1c0-.524.327-.957.738-.997M4.602%2013.064A.9.9%200%200%201%204.929%2013H16.07c.511%200%20.929.45.929%201s-.418%201-.929%201H4.93c-.512%200-.93-.45-.93-1c0-.426.25-.792.602-.936M16%205c0%20.55-.4%201-.889%201H8.89C8.4%206%208%205.55%208%205s.4-1%20.889-1h6.222C15.6%204%2016%204.45%2016%205%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.389%202C2.617%202%202%202.65%202%203.44V5c0%202.95.825%205.296%202.034%207.225C3.4%2012.571%203%2013.27%203%2014c0%201.031.797%202%201.929%202h2.344c.864.792%201.744%201.499%202.56%202.154c.658.53%201.276%201.026%201.81%201.506c1.336%201.202%202.2%202.333%202.716%203.395C13.46%2023.291%2013%2024.234%2013%2025c0%20.883.611%202%201.8%202h.067a8%208%200%200%201-.513%201.53a1.992%201.992%200%200%200-3.103.502A1.003%201.003%200%200%200%2010%2030h12a1.003%201.003%200%200%200-1.251-.968a2.005%202.005%200%200%200-2.122-.997c1.85-3.27%202.25-5.358%202.41-7.035h.106C22.306%2021%2023%2019.952%2023%2019c0-.792-.48-1.65-1.312-1.917a7.3%207.3%200%200%201%20.562-1.073c.588-.934%201.458-1.674%202.38-2.458c.873-.743%201.794-1.526%202.564-2.552H29c1.102%200%202-.898%202-2s-.898-2-2-2h-.149A13%2013%200%200%200%2029%205V3.44c0-.8-.627-1.44-1.389-1.44zM29%2010h-9c-.55%200-1-.45-1-1s.45-1%201-1h9c.55%200%201%20.45%201%201s-.45%201-1%201m-7.625%208.037c.36.12.625.507.625.963c0%20.55-.386%201-.857%201h-4.286c-.471%200-.857-.45-.857-1s.386-1%20.857-1h4.286q.12%200%20.232.037m-6.637%205.966l.057-.003H17.2c.44%200%20.8.45.8%201s-.36%201-.8%201h-2.4c-.44%200-.8-.45-.8-1c0-.524.327-.957.738-.997M4.602%2013.064A.9.9%200%200%201%204.929%2013H16.07c.511%200%20.929.45.929%201s-.418%201-.929%201H4.93c-.512%200-.93-.45-.93-1c0-.426.25-.792.602-.936M16%205c0%20.55-.4%201-.889%201H8.89C8.4%206%208%205.55%208%205s.4-1%20.889-1h6.222C15.6%204%2016%204.45%2016%205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/tornado.svg?color=%231a73e8&size=48
