Whirlwind アイコン

Q: Whirlwind アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:whirlwind

Whirlwind アイコン(game-icons:whirlwind)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<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>

Whirlwind アイコンの使い方

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 コンポーネント

<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 画像

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

他のアイコンセットの Whirlwind アイコン

Whirlwind アイコンのよくある質問

Whirlwind アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Whirlwind アイコンを使うには?

@iconify/react をインストールして <Icon icon="game-icons:whirlwind" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Whirlwind アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/whirlwind.svg" alt="Whirlwind アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Game Icons をすべて見る →