Home/Libraries/Emoji One (Colored) (Iconify)/tornado

Emoji One (Colored) (Iconify)

Tornado

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 64 64"><path fill="#818cf8" d="M4.3 11.1C4.3 31 19.5 61 27.1 61c9.7 0 2.1-19.6 2.1-19.6l30.2-11.9C63.9 2.5 4.3-3.6 4.3 11.1"/><path fill="#818cf8" d="M58.1 17.6C73.4 22.4 40.8-3.4 9.5 3c-9.1 1.9-6 9.9-6 9.9c-2.1 3-2 7.2 0 10.3c1.7 2.6 0 7.1 4.9 12.1c.8.8-2.1 5.2 3.6 9.3c1.2.9 3.2 2.4 2.7 4.7c-.6 2.8 5 5.4 6 8.6c2.1 6.5 10.1 4.6 13.8-1.1c0 0-1.3.4-1.8-.5c4.1-2 4.7-7.3-.6-7.8c4.8-4.1 2.6-9.5 9.6-10.8c5.7-1 6.7-3.4 6.7-3.4c7.9.1 18.9-5.2 9.7-16.7M6.9 21.2c-.7-1.4-1.6-3.4-1-5q1.95 1.95 4.2 3.6c-1.1.2-2.3.7-3.2 1.4M9 29.5c2.2 2.5 4.9 3 4.9 3c-2 .9-4.5 1.3-4.9-3m6.1 16.6s1.4 0 1.4.4c.2 2.7-1.4-.4-1.4-.4m-2.5-7.7c3.2 1.8 6.8 3.1 10.4 3.9c-12.7 1.7-11.9-4.8-10.4-3.9m12.7 9.4s-2.6.7-4.8.2c1.5-1.6 4.8-.2 4.8-.2m-3.5 5.3C21 54.3 19 52 19 51c.1-2 5.9-.4 5.9-.4s-2.4 1.4-3.1 2.5m2.7 4.7c1.6 0 3.3-.1 4.9-.4c-.9 1.2-2.8 2.7-4.9.4m2.5-4.2c2.7-1.2 4.4-1.2 4.4-1.2s-2 1.7-4.4 1.2M15.9 35.5c5.3-2.6 9.9 1.3 17.6 3.1c-2.9.8-12.9.6-17.6-3.1m11.8-2.6s7.1.5 5.8-.7c-4.3-4.1-18.6 1.7-24.5-8c2.7-2.4 5.8-1.4 8.5.1c-4.9 3.1.4 1.1 3.2 1.7c5 1.1 14.7 4 16.7 8c-6 .7-9.7-1.1-9.7-1.1m13.3.5c.6.5 3.2.1 3.2.1c-1.5.8-3.9 2.5-3.2-.1M13.9 17.5C31.6 19 42.8 23.8 45 30.1c-13.4-1.1-8.1-7.6-31.1-12.6m42 12.1c-.2-5.7-9.5-14.6-5-5c1.9 4.1-.4 7.4-2.4 4.2C38.7 13.3 18.2 19.3 9.3 14c8.9-4.3 43.7 8 34.8 4C18.4 6.2 6.7 12.6 6.7 9.7c0-5.3 17.5-8.3 40.9 2c-28.8-5.6-31.7-2.6-26.9-2.1c35.2 3.6 41.2 14.1 35.2 20"/><path fill="#818cf8" d="M30.3 13.5C7.9 9 6.1 8.7 27.2 14.3c28.3 7.5 19 2.4 3.1-.8m-9.8 9.2C9.7 15.3 5.2 13.2 11.9 19C26 31.1 39 31.9 41.2 31.7c4.8-.6-8-.4-20.7-9m-2.9 8c-9.3-5.5-13-6.2-7-1.4c12.8 10.1 22.9 8.3 24.4 7.5c3.2-2-6.5.4-17.4-6.1m3.1 8.7c-7.3-2.9-10-2.8-4.9.1c10.6 6.1 17 2.8 17.8 1.8c1.7-2.3-4.2 1.5-12.9-1.9m.3 5.3c-6.1-1.4-8.1-.5-3.7.8c8 2.4 12.3.9 13.1.3c2-1.3-2.3.6-9.4-1.1m6.8 4.6c7.7-2.8-3-1.5-4.3.4c-.5.7 3.3 0 4.3-.4m.5 3.4c7.2-2.1-2.6-1.6-3.9.1c-.5.5 3 .1 3.9-.1m-3.4 2.6c-.5.5 2.6.5 3.5.3c6.7-1.2-2.1-1.7-3.5-.3"/></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. TornadoIcon.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.