tornado icon
tornado-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- tornado-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
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 IcontornadoNoto EmojitornadoOpenMojitornadoPhosphortornado-fillRemix Icontornado-boldSolartornadoTabler IconstornadoTDesign IconstornadoTwitter EmojitornadoUnicons
Use the tornado icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.605 18.636a1 1 0 0 1 1.262-.638c1.916.63 4.09.617 6.177.238l.101-.012a1 1 0 0 1 .255 1.98l-.432.074c-2.176.345-4.539.337-6.725-.38a1 1 0 0 1-.638-1.262m9.482-3.298a1 1 0 0 1 .715 1.868c-1.372.525-3.112.769-4.802.769s-3.43-.244-4.802-.769a1 1 0 0 1 .715-1.868c1.075.412 2.556.637 4.087.637s3.012-.226 4.087-.637M4.454 12.585a1 1 0 0 1 1.264-.446l.092.044l.3.15c1.562.722 4 1.005 6.427.93a22 22 0 0 0 3.491-.372c1.04-.205 1.758-.458 2.108-.677l.09-.05a1 1 0 0 1 .971 1.745l-.266.152c-.659.344-1.556.602-2.516.791a24 24 0 0 1-3.816.41c-2.512.078-5.345-.19-7.352-1.125l-.39-.197l-.087-.052a1 1 0 0 1-.316-1.303m16.04-3.652a1 1 0 0 1 .79 1.837c-2.59 1.114-5.968 1.54-9.271 1.492c-3.106-.046-6.242-.516-8.738-1.304l-.49-.162l-.096-.038a1 1 0 0 1 .65-1.881l.099.028l.445.148c2.273.717 5.21 1.166 8.16 1.21c3.157.047 6.22-.37 8.451-1.33M12 3.5c2.797 0 5.353.182 7.23.483c.93.15 1.739.335 2.338.563c.295.112.598.255.846.45c.23.18.586.546.586 1.11c0 .533-.287.923-.559 1.165c-.266.239-.597.413-.92.545c-.654.269-1.525.47-2.489.623c-1.945.311-4.502.462-7.032.462S6.913 8.75 4.968 8.44c-.964-.153-1.835-.354-2.489-.623c-.323-.132-.654-.306-.92-.545c-.238-.212-.488-.537-.546-.972L1 6.105l.006-.127c.06-.619.543-.976.784-1.125c.32-.199.724-.351 1.146-.475c.858-.252 2.037-.455 3.402-.602a1 1 0 0 1 .213 1.989c-1.068.114-1.957.26-2.625.42c.374.098.828.195 1.356.28C7.087 6.753 9.53 6.9 12 6.9s4.913-.148 6.718-.436q.795-.13 1.357-.28a16 16 0 0 0-1.163-.227C17.17 5.678 14.725 5.5 12 5.5a1 1 0 1 1 0-2"/></svg>
React
import type { SVGProps } from "react";
export function MynauiTornadoSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.605 18.636a1 1 0 0 1 1.262-.638c1.916.63 4.09.617 6.177.238l.101-.012a1 1 0 0 1 .255 1.98l-.432.074c-2.176.345-4.539.337-6.725-.38a1 1 0 0 1-.638-1.262m9.482-3.298a1 1 0 0 1 .715 1.868c-1.372.525-3.112.769-4.802.769s-3.43-.244-4.802-.769a1 1 0 0 1 .715-1.868c1.075.412 2.556.637 4.087.637s3.012-.226 4.087-.637M4.454 12.585a1 1 0 0 1 1.264-.446l.092.044l.3.15c1.562.722 4 1.005 6.427.93a22 22 0 0 0 3.491-.372c1.04-.205 1.758-.458 2.108-.677l.09-.05a1 1 0 0 1 .971 1.745l-.266.152c-.659.344-1.556.602-2.516.791a24 24 0 0 1-3.816.41c-2.512.078-5.345-.19-7.352-1.125l-.39-.197l-.087-.052a1 1 0 0 1-.316-1.303m16.04-3.652a1 1 0 0 1 .79 1.837c-2.59 1.114-5.968 1.54-9.271 1.492c-3.106-.046-6.242-.516-8.738-1.304l-.49-.162l-.096-.038a1 1 0 0 1 .65-1.881l.099.028l.445.148c2.273.717 5.21 1.166 8.16 1.21c3.157.047 6.22-.37 8.451-1.33M12 3.5c2.797 0 5.353.182 7.23.483c.93.15 1.739.335 2.338.563c.295.112.598.255.846.45c.23.18.586.546.586 1.11c0 .533-.287.923-.559 1.165c-.266.239-.597.413-.92.545c-.654.269-1.525.47-2.489.623c-1.945.311-4.502.462-7.032.462S6.913 8.75 4.968 8.44c-.964-.153-1.835-.354-2.489-.623c-.323-.132-.654-.306-.92-.545c-.238-.212-.488-.537-.546-.972L1 6.105l.006-.127c.06-.619.543-.976.784-1.125c.32-.199.724-.351 1.146-.475c.858-.252 2.037-.455 3.402-.602a1 1 0 0 1 .213 1.989c-1.068.114-1.957.26-2.625.42c.374.098.828.195 1.356.28C7.087 6.753 9.53 6.9 12 6.9s4.913-.148 6.718-.436q.795-.13 1.357-.28a16 16 0 0 0-1.163-.227C17.17 5.678 14.725 5.5 12 5.5a1 1 0 1 1 0-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.605 18.636a1 1 0 0 1 1.262-.638c1.916.63 4.09.617 6.177.238l.101-.012a1 1 0 0 1 .255 1.98l-.432.074c-2.176.345-4.539.337-6.725-.38a1 1 0 0 1-.638-1.262m9.482-3.298a1 1 0 0 1 .715 1.868c-1.372.525-3.112.769-4.802.769s-3.43-.244-4.802-.769a1 1 0 0 1 .715-1.868c1.075.412 2.556.637 4.087.637s3.012-.226 4.087-.637M4.454 12.585a1 1 0 0 1 1.264-.446l.092.044l.3.15c1.562.722 4 1.005 6.427.93a22 22 0 0 0 3.491-.372c1.04-.205 1.758-.458 2.108-.677l.09-.05a1 1 0 0 1 .971 1.745l-.266.152c-.659.344-1.556.602-2.516.791a24 24 0 0 1-3.816.41c-2.512.078-5.345-.19-7.352-1.125l-.39-.197l-.087-.052a1 1 0 0 1-.316-1.303m16.04-3.652a1 1 0 0 1 .79 1.837c-2.59 1.114-5.968 1.54-9.271 1.492c-3.106-.046-6.242-.516-8.738-1.304l-.49-.162l-.096-.038a1 1 0 0 1 .65-1.881l.099.028l.445.148c2.273.717 5.21 1.166 8.16 1.21c3.157.047 6.22-.37 8.451-1.33M12 3.5c2.797 0 5.353.182 7.23.483c.93.15 1.739.335 2.338.563c.295.112.598.255.846.45c.23.18.586.546.586 1.11c0 .533-.287.923-.559 1.165c-.266.239-.597.413-.92.545c-.654.269-1.525.47-2.489.623c-1.945.311-4.502.462-7.032.462S6.913 8.75 4.968 8.44c-.964-.153-1.835-.354-2.489-.623c-.323-.132-.654-.306-.92-.545c-.238-.212-.488-.537-.546-.972L1 6.105l.006-.127c.06-.619.543-.976.784-1.125c.32-.199.724-.351 1.146-.475c.858-.252 2.037-.455 3.402-.602a1 1 0 0 1 .213 1.989c-1.068.114-1.957.26-2.625.42c.374.098.828.195 1.356.28C7.087 6.753 9.53 6.9 12 6.9s4.913-.148 6.718-.436q.795-.13 1.357-.28a16 16 0 0 0-1.163-.227C17.17 5.678 14.725 5.5 12 5.5a1 1 0 1 1 0-2"/></svg> </template>
CSS
.icon-tornado-solid {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.605%2018.636a1%201%200%200%201%201.262-.638c1.916.63%204.09.617%206.177.238l.101-.012a1%201%200%200%201%20.255%201.98l-.432.074c-2.176.345-4.539.337-6.725-.38a1%201%200%200%201-.638-1.262m9.482-3.298a1%201%200%200%201%20.715%201.868c-1.372.525-3.112.769-4.802.769s-3.43-.244-4.802-.769a1%201%200%200%201%20.715-1.868c1.075.412%202.556.637%204.087.637s3.012-.226%204.087-.637M4.454%2012.585a1%201%200%200%201%201.264-.446l.092.044l.3.15c1.562.722%204%201.005%206.427.93a22%2022%200%200%200%203.491-.372c1.04-.205%201.758-.458%202.108-.677l.09-.05a1%201%200%200%201%20.971%201.745l-.266.152c-.659.344-1.556.602-2.516.791a24%2024%200%200%201-3.816.41c-2.512.078-5.345-.19-7.352-1.125l-.39-.197l-.087-.052a1%201%200%200%201-.316-1.303m16.04-3.652a1%201%200%200%201%20.79%201.837c-2.59%201.114-5.968%201.54-9.271%201.492c-3.106-.046-6.242-.516-8.738-1.304l-.49-.162l-.096-.038a1%201%200%200%201%20.65-1.881l.099.028l.445.148c2.273.717%205.21%201.166%208.16%201.21c3.157.047%206.22-.37%208.451-1.33M12%203.5c2.797%200%205.353.182%207.23.483c.93.15%201.739.335%202.338.563c.295.112.598.255.846.45c.23.18.586.546.586%201.11c0%20.533-.287.923-.559%201.165c-.266.239-.597.413-.92.545c-.654.269-1.525.47-2.489.623c-1.945.311-4.502.462-7.032.462S6.913%208.75%204.968%208.44c-.964-.153-1.835-.354-2.489-.623c-.323-.132-.654-.306-.92-.545c-.238-.212-.488-.537-.546-.972L1%206.105l.006-.127c.06-.619.543-.976.784-1.125c.32-.199.724-.351%201.146-.475c.858-.252%202.037-.455%203.402-.602a1%201%200%200%201%20.213%201.989c-1.068.114-1.957.26-2.625.42c.374.098.828.195%201.356.28C7.087%206.753%209.53%206.9%2012%206.9s4.913-.148%206.718-.436q.795-.13%201.357-.28a16%2016%200%200%200-1.163-.227C17.17%205.678%2014.725%205.5%2012%205.5a1%201%200%201%201%200-2%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.605%2018.636a1%201%200%200%201%201.262-.638c1.916.63%204.09.617%206.177.238l.101-.012a1%201%200%200%201%20.255%201.98l-.432.074c-2.176.345-4.539.337-6.725-.38a1%201%200%200%201-.638-1.262m9.482-3.298a1%201%200%200%201%20.715%201.868c-1.372.525-3.112.769-4.802.769s-3.43-.244-4.802-.769a1%201%200%200%201%20.715-1.868c1.075.412%202.556.637%204.087.637s3.012-.226%204.087-.637M4.454%2012.585a1%201%200%200%201%201.264-.446l.092.044l.3.15c1.562.722%204%201.005%206.427.93a22%2022%200%200%200%203.491-.372c1.04-.205%201.758-.458%202.108-.677l.09-.05a1%201%200%200%201%20.971%201.745l-.266.152c-.659.344-1.556.602-2.516.791a24%2024%200%200%201-3.816.41c-2.512.078-5.345-.19-7.352-1.125l-.39-.197l-.087-.052a1%201%200%200%201-.316-1.303m16.04-3.652a1%201%200%200%201%20.79%201.837c-2.59%201.114-5.968%201.54-9.271%201.492c-3.106-.046-6.242-.516-8.738-1.304l-.49-.162l-.096-.038a1%201%200%200%201%20.65-1.881l.099.028l.445.148c2.273.717%205.21%201.166%208.16%201.21c3.157.047%206.22-.37%208.451-1.33M12%203.5c2.797%200%205.353.182%207.23.483c.93.15%201.739.335%202.338.563c.295.112.598.255.846.45c.23.18.586.546.586%201.11c0%20.533-.287.923-.559%201.165c-.266.239-.597.413-.92.545c-.654.269-1.525.47-2.489.623c-1.945.311-4.502.462-7.032.462S6.913%208.75%204.968%208.44c-.964-.153-1.835-.354-2.489-.623c-.323-.132-.654-.306-.92-.545c-.238-.212-.488-.537-.546-.972L1%206.105l.006-.127c.06-.619.543-.976.784-1.125c.32-.199.724-.351%201.146-.475c.858-.252%202.037-.455%203.402-.602a1%201%200%200%201%20.213%201.989c-1.068.114-1.957.26-2.625.42c.374.098.828.195%201.356.28C7.087%206.753%209.53%206.9%2012%206.9s4.913-.148%206.718-.436q.795-.13%201.357-.28a16%2016%200%200%200-1.163-.227C17.17%205.678%2014.725%205.5%2012%205.5a1%201%200%201%201%200-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/tornado-solid.svg?color=%231a73e8&size=48
