Whirlwind icon

game-icons:whirlwind

The Whirlwind icon (game-icons:whirlwind) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M232.824 13.738c-96.1 7.382-215.29 48.535-215.29 118.383c0 65.084 117.615 107.844 245.49 93.538c90.757-10.15 167.13-45.817 200.578-89.152c-44.08 82.325-143.703 106.34-233.877 116.19c112.254 5.15 262.53-32.988 262.53-124.23c0-64.527-117.615-107.84-245.49-93.534C156.007 45.082 80.41 80.75 46.96 124.084c18.41-49.265 91.46-93.87 185.864-110.346m56.04 40.864c77.387-.618 136.667 23.666 136.667 58.234c0 4.73-1.112 9.433-3.227 14.053c-31.82-20.172-88.055-36.5-149.174-39.148a379 379 0 0 0-24.624-.268c-51.472 1.157-104.23 13.43-145.113 44.86c5.022-36.577 75.142-70.428 160.92-76.728a376 376 0 0 1 24.552-1.005zm-34.036 51.482c5.848-.037 11.685.077 17.492.328c57.486 2.49 111.856 19.132 139.096 35.758c-6.62 6.792-15.386 13.238-25.896 19.14c-24.89-11.45-63.462-19.06-105.92-19.142q-4.867-.01-9.795.115c-44.026 1.117-91.184 10.864-128.448 36.09c-15.823-6.824-27.48-15.514-33.54-25.562c38.834-33.478 93.327-46.39 147.01-46.726zm24.717 54.79c31.283.173 60.834 5.14 82.178 11.675c-27.063 10.793-60.804 18.506-97.41 21.194c-37.686 2.768-72.323-.243-99.774-7.51c31.234-16.912 69.26-24.342 105.74-25.267q4.651-.12 9.265-.092zM81.873 230.83a318 318 0 0 0 15.387 12.445c.127.237.264.472.39.71l.592.023c61.57 46.215 119.69 52.326 188.065 51.99q.004 0 .007-.002v.002h-.007c-73.987 20.576-134.236 19.522-185.5-8.316c74.926 98.107 242.27 52.573 335.22-46.637c-43.032 23.107-110.06 35.868-185.318 31.842c-66.24-3.544-126.098-19.41-168.837-42.057zM324.55 335.342c-67.937 33.614-143.89 42.532-199.144 11.236c4.907 16.882 14.784 28.156 28.295 35.658c15.565 8.643 36.38 11.85 59 9.55c34.243-3.485 72.07-19.68 100.767-45.057c3.635-3.794 7.342-7.59 11.084-11.388zm-62.306 63.68c-15.773 5.91-31.93 9.757-47.652 11.357c-23.025 2.342-45.308-.15-64.108-8.835c15.125 14.916 32.064 25.36 47.95 30.023c15.676 4.604 29.844 3.767 41.142-2.59c9.392-5.284 17.44-14.62 22.668-29.955M139.22 416.985c7.508 25.64 18.886 51.543 38.15 77.282h38.546c.632-.79 1.39-1.33 1.75-2.364a321 321 0 0 1 17.715-41.15c-13.33 3.696-27.91 2.948-42.212-1.252c-18.734-5.5-37.433-16.752-53.95-32.516z"/></svg>

How to use the Whirlwind icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:whirlwind" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:whirlwind" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:whirlwind" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--whirlwind]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:whirlwind"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:whirlwind"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/whirlwind.svg" alt="Whirlwind icon" width="24" height="24">

Whirlwind icon in other icon sets

Whirlwind icon FAQ

Is the Whirlwind icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Whirlwind icon in React?

Install @iconify/react and render <Icon icon="game-icons:whirlwind" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Whirlwind icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/whirlwind.svg" alt="Whirlwind icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →