Color

Advanced editing in SVG Editor

Carbon Icons

Tornado Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: tornado

The Tornado icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/320869.svg" alt="Tornado icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/320869.svg" alt="Tornado icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/320869.svg"
  alt="Tornado icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-tornado {
  background-image: url('https://proicons.com/icon/320869.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="tornado_1_" d="M17.5,30.36h-4v-0.72h4V30.36z M23.5,26.36h-8v-0.72h8V26.36z M25.5,22.36h-12v-0.72h12V22.36z M21.5,18.36
	h-12v-0.72h12V18.36z M28.5,14.36h-17v-0.72h17V14.36z M25.5,10.36h-17V9.64h17V10.36z M23.5,6.36h-20V5.64h20V6.36z M26.5,2.36h-20
	V1.64h20V2.36z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Tornado in other icon packs

Tabler Icons Outline

Bootstrap Icons

Phosphor Icons

Lucide Icons

MynaUI Icons Filled

MynaUI Icons

Copied!

Tornado Icon

More from Carbon Icons

Tornado in other icon packs