Bubbles icon

game-icons:bubbles

The Bubbles icon (game-icons:bubbles) 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: bubble

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="M82.055 26.807c-33.127 0-60.182 27.057-60.182 60.183s27.055 60.182 60.182 60.182c33.126 0 60.18-27.056 60.18-60.182s-27.054-60.183-60.18-60.183m13.85 21.043c16.15 5.665 27.64 20.98 27.64 39.14a41.35 41.35 0 0 1-41.49 41.49a41.35 41.35 0 0 1-41.49-41.49c0-.55.02-1.097.04-1.642c6.067 8.444 15.966 13.95 27.157 13.95c18.46 0 33.425-14.966 33.425-33.427c0-6.638-1.943-12.82-5.28-18.02zm158.058 11.855c-58.15.002-105.123 47.627-105.123 105.71c0 48.528 32.96 89.51 77.738 101.726c-8.41 17.653-13.498 37.277-13.498 58.294c0 76.485 62.51 138.998 138.996 138.998h.004c76.485 0 138.412-62.562 138.412-138.998c0-38.083-15.76-72.427-40.658-97.454c16.358-14.68 26.643-36.147 26.643-59.648c0-43.695-35.733-79.426-79.428-79.426c-20.743 0-39.395 8.335-53.43 21.41c-18.555-30.156-51.717-50.61-89.657-50.61zm0 18.69c34.466 0 64.11 20.527 78.127 49.697a48.8 48.8 0 0 0-3.38 17.873c0 27.04 21.918 48.96 48.958 48.96s48.96-21.92 48.96-48.96c0-14.81-6.586-28.073-16.978-37.05c27.496 5.802 48.137 30.194 48.137 59.417c0 21.225-10.98 40.403-27.336 51.186l-10.354 6.826l9.418 8.07c25.745 22.062 42.29 54.548 42.29 91.02c0 66.374-53.402 120.308-119.724 120.308h-.004c-57.162 0-105.154-40.103-117.322-93.642c15.684 22.5 41.747 37.226 71.254 37.226c47.94 0 86.8-38.862 86.8-86.8c0-47.94-38.86-86.8-86.8-86.8c-28.382 0-53.578 13.625-69.416 34.688c-39.414-8.176-69.063-43.066-69.063-85c0-.494.01-.985.017-1.476c9.545 23.694 32.734 40.425 59.846 40.425c35.627 0 64.51-28.88 64.51-64.508c0-28.533-18.534-52.723-44.214-61.232a88 88 0 0 1 6.273-.228zm-148.018 163.44a82.4 82.4 0 0 0-21.668 2.82C40.2 256.47 14.415 302.08 26.203 346.076c6.57 24.52 23.502 43.28 44.84 53.198c-6.084 12.932-7.977 27.963-3.982 42.87c9.028 33.693 44.24 53.447 77.813 44.45c33.573-8.995 53.595-43.677 44.6-77.25c-3.488-13.016-10.86-23.98-20.496-32.017c16.684-19.844 24.108-47.014 16.87-74.027v-.003c-9.596-35.817-41.55-59.943-76.84-61.395a82 82 0 0 0-3.062-.068zm0 18.665q1.191.002 2.375.05c27.367 1.083 52.01 19.727 59.475 47.585c6.445 24.055-2.003 47.964-19.39 63.7l-9.663 8.743l11.383 6.346c10.19 5.68 18.04 15.104 21.295 27.256c6.393 23.86-7.526 47.97-31.383 54.36c-20.92 5.606-42.49-4.383-51.775-22.935a33.75 33.75 0 0 0 22.564 1.784c18.086-4.847 28.82-23.438 23.973-41.525c-4.847-18.085-23.437-28.816-41.523-23.97a34 34 0 0 0-7.752 3.14c-19.715-6.628-35.476-22.17-41.27-43.797a66 66 0 0 1-1.548-7.572c10.962 18.105 32.915 27.61 54.387 21.857c26.044-6.978 41.5-33.75 34.52-59.796c-4.7-17.548-18.392-30.275-34.788-34.586a64 64 0 0 1 9.12-.64"/></svg>

How to use the Bubbles icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:bubbles"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/bubbles.svg" alt="Bubbles icon" width="24" height="24">

Bubbles icon in other icon sets

Bubbles icon FAQ

Is the Bubbles 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 Bubbles icon in React?

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

How do I add the Bubbles icon to a web page?

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

Browse all Game Icons →