Home/Libraries/Glyphs (Iconify)/tornado-duo

Glyphs (Iconify)

TornadoDuo

License: MITCommercial Safe

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 80 80"><g fill="none"><path fill="#818cf8" fill-opacity=".25" d="M72 24c0 6.627-14.327 12-32 12S8 30.627 8 24s14.327-12 32-12s32 5.373 32 12"/><path fill="#818cf8" fill-opacity=".25" d="M61.836 32.772C56.118 34.775 48.44 36 40 36s-16.118-1.225-21.836-3.228C19.496 27.83 28.764 24 40 24s20.504 3.828 21.836 8.772"/><path fill="#818cf8" fill-opacity=".25" d="M64.442 31.746C58.572 34.348 49.8 36 40 36s-18.572-1.652-24.442-4.254C13.918 33.036 13 34.479 13 36c0 5.523 12.088 10 27 10s27-4.477 27-10c0-1.521-.917-2.963-2.558-4.254"/><path fill="#818cf8" fill-opacity=".25" d="M22.19 43.516C20.787 44.57 20 45.751 20 47c0 4.418 9.85 8 22 8s22-3.582 22-8c0-1.635-1.349-3.155-3.663-4.422C55.387 44.675 48.11 46 40 46c-6.824 0-13.056-.937-17.81-2.484"/><path fill="#818cf8" fill-opacity=".25" d="M30.965 53.923C29.107 54.77 28 55.838 28 57c0 2.761 6.268 5 14 5s14-2.239 14-5c0-1.16-1.107-2.229-2.965-3.078C49.79 54.609 46.02 55 42 55s-7.79-.392-11.035-1.078"/><path fill="#818cf8" fill-opacity=".25" d="M30.8 60c-1.13.836-1.8 1.874-1.8 3c0 2.761 4.03 5 9 5s9-2.239 9-5c0-.446-.105-.877-.302-1.288A38 38 0 0 1 42 62c-4.58 0-8.647-.785-11.2-2"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M40 36c17.673 0 32-5.373 32-12S57.673 12 40 12S8 17.373 8 24s14.327 12 32 12m0 0c8.44 0 16.118-1.225 21.836-3.228C60.504 27.83 51.236 24 40 24s-20.504 3.829-21.836 8.772C23.882 34.775 31.56 36 40 36m0 0c9.8 0 18.572-1.652 24.442-4.254C66.082 33.036 67 34.479 67 36c0 5.523-12.088 10-27 10m0-10c-9.8 0-18.572-1.652-24.442-4.254C13.918 33.036 13 34.479 13 36c0 5.523 12.088 10 27 10m0 0c8.111 0 15.387-1.325 20.337-3.422C62.65 43.845 64 45.365 64 47c0 4.418-9.85 8-22 8m-2-9c-6.824 0-13.056-.937-17.81-2.484C20.787 44.57 20 45.751 20 47c0 4.418 9.85 8 22 8m0 0c4.021 0 7.79-.392 11.035-1.078C54.893 54.771 56 55.84 56 57c0 2.761-6.268 5-14 5m0-7c-4.021 0-7.79-.392-11.035-1.078C29.107 54.771 28 55.84 28 57c0 2.761 6.268 5 14 5m0 0c1.648 0 3.23-.102 4.698-.288c.197.41.302.842.302 1.288c0 2.761-4.03 5-9 5s-9-2.239-9-5c0-1.126.67-2.164 1.8-3c2.553 1.215 6.62 2 11.2 2"/></g></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. TornadoDuoIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.

Related Icons in Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →