Fire Ring アイコン
game-icons:fire-ring
Fire Ring アイコン(game-icons:fire-ring)は、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
- タグ
- firering
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M312.344 16.813c5.096 53.015-76.687 71.94 3.812 131c-21.002-67.855 39.96-80.94-3.812-131m-173.47 43.124c2.864 58.907-7.995 100.984-34.093 136.97l-.5.28c1.42-28.968-14.337-52.78-32.093-75.906c2.882 39.21-3.964 78.4-20.156 117.564c-20.79 23.86-32.718 51.704-32.718 81.437c0 88.458 105.59 160.158 235.875 160.158s235.907-71.7 235.907-160.157c0-10.08-1.377-19.935-4-29.5c-6.37-30.335-7.76-49.572-.313-59.155c12.078-15.54 11.654-39.39-2.405-62.406c-7.558 48.062-39.085 30.124-63.063-53.72c-27.96 94.983-72.27-4.392-58.406-53.156c-26.26 21.598-29.623 69.962-28.22 107.125a317 317 0 0 0-17.436-3.75c-44.64-15.223-78.633-56.624-62.375-86.814c-22.038 10.264-24.77 32.17-16.375 57.22c19.214 57.337-56.703-10.13-53.72-56.064l-17.093 72.688c-.154-34.474-5.844-73.924-28.812-92.813zM255.19 197c109.056 0 197.468 60.017 197.468 134.063c0 22.193-7.938 43.127-22 61.562c-15.436 6.877-24-22.344-25.53-41.47c-16.12 20.592-.576 58.922-17.407 75.064c-2.128-10.244-11.962-22.962-25.345-30.75c2.11 22.203-4.025 43.33-29.72 58.936c-31.15 5.69-44.428-28.71-49.56-54.22c-4.033 33.512-16.028 58.988-49.97 64.095a285 285 0 0 1-12.094-1.155c-30.51-18.392-20.632-49.433-24.25-78.594c-2.93 29.505-24.438 65.4-39 56.158c-25.677-16.295 10.893-33.548-9.53-63.657c-2.415 30.193-21.75 31.483-42.03 29.876c.94-14.196 1.723-28.353-2.75-41.25c-9.138 7.68-18.04 15.838-34.564 9.938c-7.223-13.934-11.156-28.92-11.156-44.53C57.75 257.017 146.13 197 255.188 197z"/></svg>Fire Ring アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:fire-ring" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:fire-ring" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:fire-ring" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--fire-ring]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:fire-ring"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:fire-ring"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/fire-ring.svg" alt="Fire Ring アイコン" width="24" height="24">Game Icons の関連アイコン
Fire Ring アイコン のよくある質問
Fire Ring アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Fire Ring アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:fire-ring" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fire Ring アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/fire-ring.svg" alt="Fire Ring アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。