Twirl Center アイコン
game-icons:twirl-center
Twirl Center アイコン(game-icons:twirl-center)は、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
- タグ
- twirlcenter
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M282.37 21.555a202 202 0 0 0-16.39.597c-18.858 1.45-37.26 5.533-54.898 11.885c-54.66 67.918-80.388 132.33-79.066 180.568c.69 25.228 8.427 45.907 22.976 61.74c7.332 7.977 16.494 14.794 27.613 20.21c-1.78-9.08-.69-19.25 2.836-29.647l-.108-.025c25.252-108.562 122.284-181.75 230.58-183.225q1.882-.025 3.766-.02q.41.002.82.007c-34.49-38.608-83.02-61.844-138.127-62.09zM175.05 50.74C99.45 94.016 44.84 180.466 42.08 276.162c-1.207 41.822 7.45 80.15 23.65 112.672c78.863 13.76 157.48-15.204 207.262-73.354c-25.08 13.465-50.604 16.217-68.297 8.5c-26.73-6.38-48.135-18.304-63.466-34.988c-17.86-19.434-27.11-45.028-27.9-73.875c-1.305-47.66 19.564-104.547 61.72-164.377zm245.518 51.576c-81.19-.563-155.767 42.457-194.683 111.334a140 140 0 0 1 5.883-4.28c13.737-9.405 27.99-15.545 41.365-18.433c20.342-5.848 40.66-8.946 60.55-9.494q2.958-.08 5.903-.088c49.997-.113 97.022 15.872 134.664 44.534c-1.323-47.18-15.347-89.358-38.578-122.966a229 229 0 0 0-15.104-.608zm-82.29 97.69q-5.653.053-11.362.408c24.172 9.177 42.968 22.816 55.824 40.174c15.71 21.21 22.21 47.637 19.95 76.406c-3.78 48.205-31.236 103.44-80.766 159.283c83.062-37.717 145.69-126.44 151.916-226.564c-36.24-32.056-84.02-50.197-135.563-49.707zm-3.78 24.187c1.078 9.684-.778 20.424-5.187 31.268c-38.175 104.62-143.644 165.912-251.878 153.89c37.156 57.2 100.178 91.195 172.93 85.597a206 206 0 0 0 33.138-5.31c63.4-62.745 96.723-125.248 100.557-174.106c1.974-25.16-3.54-46.538-16.338-63.817c-7.995-10.793-18.966-20.115-33.222-27.52zm-76.21 1.616c-18.23 0-32.81 14.576-32.81 32.805c0 18.232 14.58 32.81 32.81 32.81c18.228 0 32.808-14.578 32.808-32.81c0-18.23-14.58-32.806-32.81-32.806z"/></svg>Twirl Center アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:twirl-center" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:twirl-center" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:twirl-center" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--twirl-center]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:twirl-center"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:twirl-center"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/twirl-center.svg" alt="Twirl Center アイコン" width="24" height="24">Game Icons の関連アイコン
Twirl Center アイコン のよくある質問
Twirl Center アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Twirl Center アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:twirl-center" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Twirl Center アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/twirl-center.svg" alt="Twirl Center アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。