Bubbles3 icon
icomoon-free:bubbles3
The Bubbles3 icon (icomoon-free:bubbles3) is a free SVG icon from the IcoMoon Free set by Keyamoon. It is drawn on a 18 × 24 grid. IcoMoon Free icons are released under the GPL license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IcoMoon Free
- Author
- Keyamoon
- License
- GPL-3.0-or-later
- Size
- 18 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewBox="0 0 18 24"><path fill="currentColor" d="M17 14.081c0 .711.407 1.327 1 1.628v.249a3.71 3.71 0 0 1-3.207-1.125a5 5 0 0 1-1.293.168c-2.485 0-4.5-1.791-4.5-4s2.015-4 4.5-4s4.5 1.791 4.5 4c0 .865-.309 1.665-.834 2.32a1.8 1.8 0 0 0-.166.761zM3.604 3.456C2.569 4.297 2 5.378 2 6.5c0 .63.175 1.24.52 1.815c.356.592.89 1.134 1.547 1.566c.474.312.793.812.878 1.373q.042.281.053.564q.175-.146.342-.312a2 2 0 0 1 1.666-.57c.327.042.662.063.994.063v2q-.636 0-1.246-.079c-1.718 1.718-3.77 2.027-5.753 2.072v-.421c1.071-.525 2-1.48 2-2.572a3 3 0 0 0-.034-.448C1.158 10.359.001 8.539.001 6.499c0-3.59 3.582-6.5 8-6.5c4.351 0 7.89 2.822 7.997 6.336a6.1 6.1 0 0 0-2.067-.509c-.18-.876-.709-1.7-1.535-2.371a6.3 6.3 0 0 0-1.932-1.054C9.687 2.134 8.858 1.999 8 1.999s-1.687.135-2.464.402c-.73.251-1.38.605-1.932 1.054z"/></svg>How to use the Bubbles3 icon
React
import { Icon } from "@iconify/react";
<Icon icon="icomoon-free:bubbles3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icomoon-free:bubbles3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icomoon-free:bubbles3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icomoon-free--bubbles3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icomoon-free -->
<div class="i-icomoon-free:bubbles3"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icomoon-free:bubbles3"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icomoon-free/bubbles3.svg" alt="Bubbles3 icon" width="24" height="24">Bubbles3 icon FAQ
Is the Bubbles3 icon free for commercial use?
Yes. IcoMoon Free icons are released under the GPL license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license.
How do I use the Bubbles3 icon in React?
Install @iconify/react and render <Icon icon="icomoon-free:bubbles3" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bubbles3 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icomoon-free/bubbles3.svg" alt="Bubbles3 icon">, or paste the SVG code inline to style it with CSS.