tornado icon
tornado-linear from Solar by 480 Design · Linear · Weather · CC-BY-4.0 Attribution required.
- Name
- tornado-linear
- Set
- Solar
- Style
- Linear
- Category
- Weather
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
tornadoBootstrap IconstornadoCarbontornadoEmoji One (Colored)tornadoFramework7 IconstornadoFont Awesome 6 SolidtornadoFont Awesome SolidtornadoFluent EmojitornadoFluent Emoji FlattornadoFluent Emoji High ContrasttornadoFirefox OS EmojitornadoLucidetornadoMaterial SymbolstornadoMaterial Symbols Lighttornado-fillMingCute IcontornadoMyna UI IconstornadoNoto EmojitornadoOpenMojitornadoPhosphortornado-fillRemix IcontornadoTabler IconstornadoTDesign IconstornadoTwitter EmojitornadoUnicons
More weather icons from Solar
cloud-boldcloud-bolt-boldcloud-bolt-minimalistic-boldcloud-check-boldcloud-cross-boldcloud-download-boldcloud-minus-boldcloud-plus-boldcloud-rain-boldcloud-snowfall-boldcloud-snowfall-minimalistic-boldcloud-storm-boldcloud-sun-2-boldcloud-sun-boldcloud-upload-boldcloud-waterdrop-boldcloud-waterdrops-boldclouds-boldcloudy-moon-boldfog-boldmoon-boldmoon-fog-boldmoon-sleep-boldmoon-stars-bold
Use the tornado icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M12 3C7.02944 3 3 3.67157 3 4.5C3 5.32843 7.02944 6 12 6C16.9706 6 21 5.32843 21 4.5C21 3.97993 19.412 3.52168 17 3.25259"/><path d="M20 8C20 8 17.2089 9 11.7241 9C6.23938 9 4 8 4 8"/><path d="M16 14C16 14 14.7424 14.5 12 14.5C9.25762 14.5 8 14 8 14"/><path d="M16 16.5C15.2525 16.7554 14.3516 17 13 17C11.6484 17 10.6575 16.8786 10 16.7554"/><path d="M11.7188 19.4609C12.103 19.4853 12.5297 19.5 13.0002 19.5C13.5738 19.5 14.0662 19.456 14.5002 19.3857"/><path d="M18 11C18 11 17.4848 12 12 12M6 11C6 11 6.21904 11.4251 7.8918 11.721"/><path d="M13 22C13 22 13.3047 22 13.5 22"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTornadoLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M12 3C7.02944 3 3 3.67157 3 4.5C3 5.32843 7.02944 6 12 6C16.9706 6 21 5.32843 21 4.5C21 3.97993 19.412 3.52168 17 3.25259"/><path d="M20 8C20 8 17.2089 9 11.7241 9C6.23938 9 4 8 4 8"/><path d="M16 14C16 14 14.7424 14.5 12 14.5C9.25762 14.5 8 14 8 14"/><path d="M16 16.5C15.2525 16.7554 14.3516 17 13 17C11.6484 17 10.6575 16.8786 10 16.7554"/><path d="M11.7188 19.4609C12.103 19.4853 12.5297 19.5 13.0002 19.5C13.5738 19.5 14.0662 19.456 14.5002 19.3857"/><path d="M18 11C18 11 17.4848 12 12 12M6 11C6 11 6.21904 11.4251 7.8918 11.721"/><path d="M13 22C13 22 13.3047 22 13.5 22"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M12 3C7.02944 3 3 3.67157 3 4.5C3 5.32843 7.02944 6 12 6C16.9706 6 21 5.32843 21 4.5C21 3.97993 19.412 3.52168 17 3.25259"/><path d="M20 8C20 8 17.2089 9 11.7241 9C6.23938 9 4 8 4 8"/><path d="M16 14C16 14 14.7424 14.5 12 14.5C9.25762 14.5 8 14 8 14"/><path d="M16 16.5C15.2525 16.7554 14.3516 17 13 17C11.6484 17 10.6575 16.8786 10 16.7554"/><path d="M11.7188 19.4609C12.103 19.4853 12.5297 19.5 13.0002 19.5C13.5738 19.5 14.0662 19.456 14.5002 19.3857"/><path d="M18 11C18 11 17.4848 12 12 12M6 11C6 11 6.21904 11.4251 7.8918 11.721"/><path d="M13 22C13 22 13.3047 22 13.5 22"/></g></svg> </template>
CSS
.icon-tornado-linear {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%203C7.02944%203%203%203.67157%203%204.5C3%205.32843%207.02944%206%2012%206C16.9706%206%2021%205.32843%2021%204.5C21%203.97993%2019.412%203.52168%2017%203.25259%22%2F%3E%3Cpath%20d%3D%22M20%208C20%208%2017.2089%209%2011.7241%209C6.23938%209%204%208%204%208%22%2F%3E%3Cpath%20d%3D%22M16%2014C16%2014%2014.7424%2014.5%2012%2014.5C9.25762%2014.5%208%2014%208%2014%22%2F%3E%3Cpath%20d%3D%22M16%2016.5C15.2525%2016.7554%2014.3516%2017%2013%2017C11.6484%2017%2010.6575%2016.8786%2010%2016.7554%22%2F%3E%3Cpath%20d%3D%22M11.7188%2019.4609C12.103%2019.4853%2012.5297%2019.5%2013.0002%2019.5C13.5738%2019.5%2014.0662%2019.456%2014.5002%2019.3857%22%2F%3E%3Cpath%20d%3D%22M18%2011C18%2011%2017.4848%2012%2012%2012M6%2011C6%2011%206.21904%2011.4251%207.8918%2011.721%22%2F%3E%3Cpath%20d%3D%22M13%2022C13%2022%2013.3047%2022%2013.5%2022%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%203C7.02944%203%203%203.67157%203%204.5C3%205.32843%207.02944%206%2012%206C16.9706%206%2021%205.32843%2021%204.5C21%203.97993%2019.412%203.52168%2017%203.25259%22%2F%3E%3Cpath%20d%3D%22M20%208C20%208%2017.2089%209%2011.7241%209C6.23938%209%204%208%204%208%22%2F%3E%3Cpath%20d%3D%22M16%2014C16%2014%2014.7424%2014.5%2012%2014.5C9.25762%2014.5%208%2014%208%2014%22%2F%3E%3Cpath%20d%3D%22M16%2016.5C15.2525%2016.7554%2014.3516%2017%2013%2017C11.6484%2017%2010.6575%2016.8786%2010%2016.7554%22%2F%3E%3Cpath%20d%3D%22M11.7188%2019.4609C12.103%2019.4853%2012.5297%2019.5%2013.0002%2019.5C13.5738%2019.5%2014.0662%2019.456%2014.5002%2019.3857%22%2F%3E%3Cpath%20d%3D%22M18%2011C18%2011%2017.4848%2012%2012%2012M6%2011C6%2011%206.21904%2011.4251%207.8918%2011.721%22%2F%3E%3Cpath%20d%3D%22M13%2022C13%2022%2013.3047%2022%2013.5%2022%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/tornado-linear.svg?color=%231a73e8&size=48
