Home/Libraries/Solar (Iconify)/tornado-bold

Solar (Iconify)

TornadoBold

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M4.313 4.5c.367-.112.852-.222 1.446-.32c1.577-.264 3.784-.43 6.241-.43a.75.75 0 0 0 0-1.5c-2.513 0-4.807.17-6.487.45c-.835.139-1.553.31-2.08.518c-.26.103-.518.23-.724.398c-.196.16-.459.453-.459.884s.263.724.46.884c.205.167.462.295.722.398c.528.207 1.246.38 2.08.518c1.681.28 3.975.45 6.488.45s4.807-.17 6.487-.45c.835-.139 1.553-.31 2.08-.518c.26-.103.518-.23.724-.398c.196-.16.459-.453.459-.884c0-.535-.397-.857-.63-1.007c-.27-.175-.62-.313-.997-.428c-.762-.233-1.814-.421-3.04-.558a.75.75 0 0 0-.166 1.491c1.186.132 2.134.308 2.768.502h.002c-.367.112-.852.222-1.446.32c-1.577.264-3.784.43-6.241.43s-4.664-.166-6.24-.43a12 12 0 0 1-1.447-.32m16.045.291l-.013-.011zM6.591 10.538a.75.75 0 0 0-1.258.806L6 11c-.667.344-.666.344-.666.345l.001.002l.002.004l.004.007l.009.016a1 1 0 0 0 .065.098q.052.07.128.142c.102.097.237.196.418.295c.357.194.914.394 1.8.55a.75.75 0 1 0 .261-1.476c-.787-.14-1.175-.3-1.346-.393a1 1 0 0 1-.085-.052m11.752-.205a.75.75 0 0 1 .324 1.01L18 11c.667.344.666.345.665.346l-.001.003l-.003.006l-.007.012a1 1 0 0 1-.131.18a1.5 1.5 0 0 1-.26.224c-.214.15-.525.304-.986.446c-.916.281-2.5.533-5.277.533a.75.75 0 0 1 0-1.5c2.707 0 4.124-.248 4.837-.467c.353-.108.513-.204.567-.241l.005-.004a.75.75 0 0 1 .934-.205" clip-rule="evenodd"/><path fill="#818cf8" d="M20.706 7.747a.75.75 0 0 1-.453.959h-.002l-.004.002l-.01.003l-.03.011l-.113.036q-.145.047-.42.122c-.368.1-.909.23-1.622.358c-1.426.258-3.54.512-6.328.512s-4.769-.254-6.066-.515a14 14 0 0 1-1.45-.364a7 7 0 0 1-.468-.167l-.03-.012l-.01-.004l-.003-.002h-.001S3.694 8.684 4 8l-.306.685a.75.75 0 0 1 .609-1.371l.01.004l.06.024q.089.034.29.1c.268.085.693.203 1.29.323c1.193.24 3.074.485 5.771.485s4.721-.246 6.061-.488c.67-.121 1.17-.241 1.498-.33a9 9 0 0 0 .445-.132l.019-.006a.75.75 0 0 1 .96.453"/><path fill="#818cf8" fill-rule="evenodd" d="M8.273 13.302a.75.75 0 0 0-.55 1.395L8 14l-.277.697h.002l.003.002l.007.003l.02.007a3 3 0 0 0 .274.09c.184.053.45.12.802.188c.705.134 1.752.263 3.169.263s2.464-.13 3.169-.263a9 9 0 0 0 .802-.189a5 5 0 0 0 .275-.09l.02-.006l.006-.003l.003-.001h.001s.001-.001-.276-.698l.277.697a.75.75 0 0 0-.554-1.394h.002l.001-.001h-.001l-.028.01q-.043.015-.146.046c-.138.04-.358.097-.663.155c-.61.116-1.563.237-2.888.237s-2.278-.12-2.888-.237a7 7 0 0 1-.809-.2l-.028-.01m8.435 2.954a.75.75 0 0 1-.468.953a9.4 9.4 0 0 1-3.242.54c-1.397 0-2.434-.125-3.138-.258a.75.75 0 1 1 .276-1.474c.61.115 1.556.232 2.862.232a8 8 0 0 0 2.758-.46a.75.75 0 0 1 .952.468m-1.47 3.009a.75.75 0 0 1-.62.86c-.474.077-1.007.124-1.62.124q-.728-.001-1.329-.04a.75.75 0 1 1 .095-1.498q.553.037 1.234.038c.535 0 .987-.04 1.38-.105a.75.75 0 0 1 .86.62M12.25 22a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5H13a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TornadoBoldIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.