Rolling Energy アイコン

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

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

game-icons:rolling-energy

Rolling Energy アイコン(game-icons:rolling-energy)は、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
タグ: rollingenergy

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M247.938 22.512c-5.385.044-10.847.333-16.383.88c49.65 15.005 92.127 46.742 123.267 86.678c-74.16-71.848-204.8-83.864-278.77 6.287c31.555-16.907 66.822-25.68 102.405-27.865C84.727 118.84 4.497 225.975 21.87 343.362c5.088-48.045 28.862-89.52 61.384-123.923c-38.258 74.284-32.22 171.41 40.635 231.185c-25.41-47.422-33.08-102.405-25.536-154.338c-1.3 105.1 83.482 210.304 201.582 198.656c-49.652-15.006-92.126-46.743-123.266-86.68c77.723 65.68 198.16 66.868 278.77-6.288c-118.67 44.753-214.692 21.26-272.243-27.8c-59.206-40.744-78.126-121.06-41.584-184.353a139 139 0 0 1 23.967-30.66c2.78-3.18 5.636-6.203 8.598-9.074c2.31-1.3 4.622-2.572 6.935-3.824c24.733-17.675 54.666-26.8 84.914-26.028c22.46.573 45.09 6.594 65.88 18.598c44.02 25.415 68.904 71.378 69.593 118.842a61.6 61.6 0 0 1 .957 10.734c0 33.88-27.466 61.344-61.346 61.344c-33.877 0-61.342-27.465-61.342-61.344c0-1.698.083-3.376.218-5.04c5.484 18.857 22.88 32.644 43.504 32.644c25.027 0 45.315-20.29 45.315-45.315c0-24.785-19.903-44.912-44.596-45.298a93 93 0 0 0-15.167-1.246c-51.192 0-92.69 41.5-92.69 92.69s41.5 92.687 92.69 92.687a97 97 0 0 0 3.1-.056c-.168.064-.333.132-.5.195a166 166 0 0 0 12.336-1.03c52.59-.886 123.364-25.954 154.09-71.7c-18.303 8.484-35.666 14.587-52.488 16.763a181.6 181.6 0 0 0 17.482-24.133c36.147-44.718 64.673-112.748 53.784-168.2c-7.195 19.63-15.35 37.046-25.623 51.583c-3.217-46.517-23.284-92.15-63.62-125.244c25.406 47.422 33.076 102.404 25.532 154.337c1.24-100.173-75.723-200.44-185.2-199.535z"/></svg>

Rolling Energy アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:rolling-energy"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

Rolling Energy アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →