Bubbling Beam アイコン
game-icons:bubbling-beam
Bubbling Beam アイコン(game-icons:bubbling-beam)は、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
- タグ
- bubblingbeam
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M17.607 15.518v72.9L225.837 278.5L114.91 254.926l144.863 114.262c1.57-15.168 14.386-27 29.97-27c16.642 0 30.136 13.49 30.136 30.134c0 16.64-13.49 30.135-30.136 30.135c-10.836 0-20.334-5.722-25.644-14.31l-105.08-2.928l156.667 71.807l-124.75 22.85l43.122 15.246h121.036a194 194 0 0 1 3.597-16.555c-13.39-4.216-23.105-16.73-23.105-31.515c0-18.244 14.79-33.037 33.04-33.037a32.9 32.9 0 0 1 17.12 4.777c5.93-8.855 12.5-17.16 19.61-24.81c-4.832-4.24-8.404-9.88-10.07-16.294a22.62 22.62 0 0 1-14.68 5.386c-12.543 0-22.713-10.167-22.713-22.713c0-12.543 10.167-22.713 22.712-22.713c8.763 0 16.365 4.965 20.153 12.235c5.95-7.925 15.426-13.053 26.1-13.053c12.914 0 24.075 7.504 29.363 18.39c12.128-6.168 24.79-10.725 37.685-13.425v-67.293l-7.635-65.463l-38.052 105.1l-38.988-164.658l-28.673 111.69l-93.04-160.578l10.25 119.818L99.375 15.518H17.606zm268.09 241.447c8.683 0 16.033 5.703 18.512 13.568a30.42 30.42 0 0 1 19.894-7.373c16.875 0 30.56 13.68 30.56 30.56c0 16.875-13.68 30.56-30.56 30.56c-16.744 0-30.337-13.47-30.55-30.167a19.3 19.3 0 0 1-7.857 1.67c-10.718 0-19.408-8.69-19.408-19.41c0-10.718 8.686-19.408 19.407-19.408zm112.25 25.084c10.72 0 19.41 8.688 19.41 19.41c0 10.717-8.69 19.407-19.41 19.407c-10.718 0-19.408-8.687-19.408-19.408c0-10.72 8.686-19.41 19.407-19.41z"/></svg>Bubbling Beam アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:bubbling-beam" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:bubbling-beam" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:bubbling-beam" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--bubbling-beam]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:bubbling-beam"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:bubbling-beam"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/bubbling-beam.svg" alt="Bubbling Beam アイコン" width="24" height="24">Game Icons の関連アイコン
Bubbling Beam アイコン のよくある質問
Bubbling Beam アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bubbling Beam アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:bubbling-beam" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bubbling Beam アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/bubbling-beam.svg" alt="Bubbling Beam アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。