bubbles icon

bubbles-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name
bubbles-solid
Set
Myna UI Icons
Style
Solid
Viewbox
24×24
License
MIT

1 other variant in Myna UI Icons

bubbles

The same icon in other sets

bubblesFluent EmojibubblesFluent Emoji FlatbubblesFluent Emoji High ContrastbubblesHuge IconsbubblesLucidebubblesMaterial SymbolsbubblesMaterial Symbols LightbubblesNoto EmojibubblesOpenMojibubblesTwitter Emoji

Use the bubbles icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.75 8a5.75 5.75 0 1 1-11.5 0a5.75 5.75 0 0 1 11.5 0m4.75 4.113a3.25 3.25 0 1 0 0-6.5a3.25 3.25 0 0 0 0 6.5m1.219 5.387a4.25 4.25 0 1 1-8.5 0a4.25 4.25 0 0 1 8.5 0"/></svg>

React

import type { SVGProps } from "react";

export function MynauiBubblesSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.75 8a5.75 5.75 0 1 1-11.5 0a5.75 5.75 0 0 1 11.5 0m4.75 4.113a3.25 3.25 0 1 0 0-6.5a3.25 3.25 0 0 0 0 6.5m1.219 5.387a4.25 4.25 0 1 1-8.5 0a4.25 4.25 0 0 1 8.5 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.75 8a5.75 5.75 0 1 1-11.5 0a5.75 5.75 0 0 1 11.5 0m4.75 4.113a3.25 3.25 0 1 0 0-6.5a3.25 3.25 0 0 0 0 6.5m1.219 5.387a4.25 4.25 0 1 1-8.5 0a4.25 4.25 0 0 1 8.5 0"/></svg>
</template>

CSS

.icon-bubbles-solid {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.75%208a5.75%205.75%200%201%201-11.5%200a5.75%205.75%200%200%201%2011.5%200m4.75%204.113a3.25%203.25%200%201%200%200-6.5a3.25%203.25%200%200%200%200%206.5m1.219%205.387a4.25%204.25%200%201%201-8.5%200a4.25%204.25%200%200%201%208.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.75%208a5.75%205.75%200%201%201-11.5%200a5.75%205.75%200%200%201%2011.5%200m4.75%204.113a3.25%203.25%200%201%200%200-6.5a3.25%203.25%200%200%200%200%206.5m1.219%205.387a4.25%204.25%200%201%201-8.5%200a4.25%204.25%200%200%201%208.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/bubbles-solid.svg?color=%231a73e8&size=48