bubbles icon

bubbles-sharp from Material Symbols by Google · Sharp · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: bubbles-sharp
Set: Material Symbols
Style: Sharp
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: bubbles-outline-sharp

2 other variants in Material Symbols

The same icon in other sets

bubblesFluent Emoji bubblesFluent Emoji Flat bubblesFluent Emoji High Contrast bubblesHuge Icons bubblesLucide bubblesMaterial Symbols Light bubblesMyna UI Icons bubblesNoto Emoji bubblesOpenMoji bubblesTwitter Emoji

More ui actions icons from Material Symbols

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="M10.05 7.65L13 10.575V8.35h2V14H9.35v-2h2.25L8.65 9.05zM19 20q-1.25 0-2.125-.875T16 17t.875-2.125T19 14t2.125.875T22 17t-.875 2.125T19 20M2 20V4h20v8h-2V6H4v12h10v2z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsBubblesSharp(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="M10.05 7.65L13 10.575V8.35h2V14H9.35v-2h2.25L8.65 9.05zM19 20q-1.25 0-2.125-.875T16 17t.875-2.125T19 14t2.125.875T22 17t-.875 2.125T19 20M2 20V4h20v8h-2V6H4v12h10v2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.05 7.65L13 10.575V8.35h2V14H9.35v-2h2.25L8.65 9.05zM19 20q-1.25 0-2.125-.875T16 17t.875-2.125T19 14t2.125.875T22 17t-.875 2.125T19 20M2 20V4h20v8h-2V6H4v12h10v2z"/></svg>
</template>

CSS

.icon-bubbles-sharp {
  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%22M10.05%207.65L13%2010.575V8.35h2V14H9.35v-2h2.25L8.65%209.05zM19%2020q-1.25%200-2.125-.875T16%2017t.875-2.125T19%2014t2.125.875T22%2017t-.875%202.125T19%2020M2%2020V4h20v8h-2V6H4v12h10v2z%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%22M10.05%207.65L13%2010.575V8.35h2V14H9.35v-2h2.25L8.65%209.05zM19%2020q-1.25%200-2.125-.875T16%2017t.875-2.125T19%2014t2.125.875T22%2017t-.875%202.125T19%2020M2%2020V4h20v8h-2V6H4v12h10v2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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