Bubble Field icon

game-icons:bubble-field

The Bubble Field icon (game-icons:bubble-field) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512
Tags: bubblefield

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M253.906 13.47c-132.42 0-240.03 107.578-240.03 240c0 132.42 107.61 240.03 240.03 240.03s240-107.61 240-240.03c0-132.422-107.58-240-240-240m-9.375 23.25v18.093q4.663-.22 9.376-.22c3.123 0 6.226.076 9.313.22V36.718c13.066.55 25.82 2.243 38.186 5l-4.687 17.53a196 196 0 0 1 18 4.875l4.717-17.563a215.5 215.5 0 0 1 35.532 14.844L345.81 77.25a197 197 0 0 1 16.094 9.47l9.188-15.94a217.5 217.5 0 0 1 30.375 23.564l-13.126 13.125c4.56 4.244 8.92 8.718 13.062 13.374l13.22-13.22a217.7 217.7 0 0 1 23.155 30.564l-16.342 9.437a198 198 0 0 1 9.125 16.313l16.468-9.5a215.5 215.5 0 0 1 14.345 35.437l-18.53 4.97a196 196 0 0 1 4.56 18.155l18.658-5a218 218 0 0 1 4.625 37.813h-19.532q.094 3.05.094 6.125c0 4.22-.145 8.407-.406 12.562h19.72a217.5 217.5 0 0 1-5.19 37.625l-19.28-5.156a196 196 0 0 1-5.125 17.967l19.436 5.22a215.5 215.5 0 0 1-14.75 34.937l-17.625-10.188a196 196 0 0 1-9.592 16.03l17.78 10.252a217.6 217.6 0 0 1-23.218 29.875l-14.656-14.657a198 198 0 0 1-13.375 13.063l14.75 14.75a217.5 217.5 0 0 1-30.064 22.842l-10.47-18.156a197 197 0 0 1-16.217 9.22l10.5 18.187c-11.097 5.734-22.73 10.57-34.845 14.343l-5.47-20.406a196 196 0 0 1-18.06 4.75l5.467 20.406a217.5 217.5 0 0 1-37.343 4.813V449.09c-3.088.143-6.19.22-9.314.22a204 204 0 0 1-9.375-.22v21.125a217.5 217.5 0 0 1-37.31-4.845l5.47-20.37a196 196 0 0 1-18.063-4.75l-5.47 20.375a215.5 215.5 0 0 1-34.843-14.313l10.5-18.187a197 197 0 0 1-16.25-9.25l-10.468 18.156a217 217 0 0 1-30.03-22.842l14.717-14.72c-4.663-4.147-9.09-8.525-13.343-13.093L94.78 401.03a217.6 217.6 0 0 1-23.218-29.842l17.782-10.282c-3.434-5.174-6.65-10.498-9.594-16l-17.625 10.188a215.7 215.7 0 0 1-14.75-34.938l19.438-5.22a196 196 0 0 1-5.094-17.967l-19.314 5.155a217.6 217.6 0 0 1-5.187-37.625h19.718c-.262-4.155-.407-8.34-.407-12.563q.001-3.074.095-6.125h-19.53C37.54 232.89 39.08 220.25 41.687 208l18.687 5a196 196 0 0 1 4.563-18.156l-18.532-4.97c3.763-12.313 8.56-24.164 14.344-35.436l16.47 9.5a196 196 0 0 1 9.124-16.313L70 138.187a217.5 217.5 0 0 1 23.156-30.53l13.22 13.218c4.142-4.66 8.47-9.158 13.03-13.406l-13.094-13.095a217.6 217.6 0 0 1 30.344-23.563l9.188 15.938a197 197 0 0 1 16.125-9.5l-9.157-15.844a215.5 215.5 0 0 1 35.5-14.812l4.718 17.562c5.895-1.91 11.91-3.55 18.032-4.906l-4.687-17.5a217.3 217.3 0 0 1 38.156-5.03zm-13.343 42.56l-28 176.25l-76.093 23.376V242.03h-18.688v108h18.688v-17.967h68.187l22.626 22.406h-19.47v41.686h110.908V354.47h-19.5l22.625-22.408h68.25v17.97h18.686v-108H380.72v36.874l-76.126-23.375l-28-176.25h-45.406zM253.875 166c12.892.016 25.78 24.938 25.78 74.688h-51.56c0-49.816 12.888-74.704 25.78-74.688"/></svg>

How to use the Bubble Field icon

React

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

<Icon icon="game-icons:bubble-field" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:bubble-field" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:bubble-field" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:bubble-field"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/bubble-field.svg" alt="Bubble Field icon" width="24" height="24">

Related icons in Game Icons

Bubble Field icon FAQ

Is the Bubble Field icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Bubble Field icon in React?

Install @iconify/react and render <Icon icon="game-icons:bubble-field" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bubble Field icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/bubble-field.svg" alt="Bubble Field icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →