bubble chart icon

bubble-chart-outline from Material Symbols Light by Google · Outline · Business · Apache-2.0 Free for personal and commercial use.

Name: bubble-chart-outline
Set: Material Symbols Light
Style: Outline
Category: Business
Viewbox: 24×24
License: Apache 2.0
Aliases: bubble-chart-outline-rounded, bubble-chart-outline-sharp

1 other variant in Material Symbols Light

bubble-chart

The same icon in other sets

bubble-chartIconPark bubble-chartIconPark Outline bubble-chartIconPark Solid bubble-chartIconPark TwoTone bubble-chartMaterial Symbols bubble-chart-fillRemix Icon

More business icons from Material Symbols Light

Use the bubble chart icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.73 19.35q-.653-.649-.653-1.576t.65-1.582t1.576-.653q.928 0 1.581.649q.655.649.655 1.577t-.65 1.581q-.65.654-1.577.654t-1.581-.65m2.443-.714q.365-.365.365-.867t-.365-.866t-.866-.365t-.867.365t-.364.866t.364.867t.867.364q.501 0 .866-.365m-1.872-6.937Q12 10.396 12 8.5t1.302-3.198T16.5 4t3.198 1.302T21 8.5t-1.302 3.198T16.5 13t-3.198-1.302m5.686-.71Q20 9.975 20 8.5t-1.012-2.488T16.5 5t-2.488 1.013T13 8.5t1.013 2.488T16.5 12t2.488-1.012M7.23 17.23q-1.333 0-2.282-.95T4 14t.944-2.282t2.287-.949t2.286.944t.945 2.287t-.95 2.286t-2.281.945m1.576-1.656q.655-.655.655-1.576t-.656-1.575t-1.576-.655t-1.575.656T5 14t.656 1.575t1.576.655t1.575-.656M7.23 14"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightBubbleChartOutline(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="M12.73 19.35q-.653-.649-.653-1.576t.65-1.582t1.576-.653q.928 0 1.581.649q.655.649.655 1.577t-.65 1.581q-.65.654-1.577.654t-1.581-.65m2.443-.714q.365-.365.365-.867t-.365-.866t-.866-.365t-.867.365t-.364.866t.364.867t.867.364q.501 0 .866-.365m-1.872-6.937Q12 10.396 12 8.5t1.302-3.198T16.5 4t3.198 1.302T21 8.5t-1.302 3.198T16.5 13t-3.198-1.302m5.686-.71Q20 9.975 20 8.5t-1.012-2.488T16.5 5t-2.488 1.013T13 8.5t1.013 2.488T16.5 12t2.488-1.012M7.23 17.23q-1.333 0-2.282-.95T4 14t.944-2.282t2.287-.949t2.286.944t.945 2.287t-.95 2.286t-2.281.945m1.576-1.656q.655-.655.655-1.576t-.656-1.575t-1.576-.655t-1.575.656T5 14t.656 1.575t1.576.655t1.575-.656M7.23 14"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.73 19.35q-.653-.649-.653-1.576t.65-1.582t1.576-.653q.928 0 1.581.649q.655.649.655 1.577t-.65 1.581q-.65.654-1.577.654t-1.581-.65m2.443-.714q.365-.365.365-.867t-.365-.866t-.866-.365t-.867.365t-.364.866t.364.867t.867.364q.501 0 .866-.365m-1.872-6.937Q12 10.396 12 8.5t1.302-3.198T16.5 4t3.198 1.302T21 8.5t-1.302 3.198T16.5 13t-3.198-1.302m5.686-.71Q20 9.975 20 8.5t-1.012-2.488T16.5 5t-2.488 1.013T13 8.5t1.013 2.488T16.5 12t2.488-1.012M7.23 17.23q-1.333 0-2.282-.95T4 14t.944-2.282t2.287-.949t2.286.944t.945 2.287t-.95 2.286t-2.281.945m1.576-1.656q.655-.655.655-1.576t-.656-1.575t-1.576-.655t-1.575.656T5 14t.656 1.575t1.576.655t1.575-.656M7.23 14"/></svg>
</template>

CSS

.icon-bubble-chart-outline {
  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%22M12.73%2019.35q-.653-.649-.653-1.576t.65-1.582t1.576-.653q.928%200%201.581.649q.655.649.655%201.577t-.65%201.581q-.65.654-1.577.654t-1.581-.65m2.443-.714q.365-.365.365-.867t-.365-.866t-.866-.365t-.867.365t-.364.866t.364.867t.867.364q.501%200%20.866-.365m-1.872-6.937Q12%2010.396%2012%208.5t1.302-3.198T16.5%204t3.198%201.302T21%208.5t-1.302%203.198T16.5%2013t-3.198-1.302m5.686-.71Q20%209.975%2020%208.5t-1.012-2.488T16.5%205t-2.488%201.013T13%208.5t1.013%202.488T16.5%2012t2.488-1.012M7.23%2017.23q-1.333%200-2.282-.95T4%2014t.944-2.282t2.287-.949t2.286.944t.945%202.287t-.95%202.286t-2.281.945m1.576-1.656q.655-.655.655-1.576t-.656-1.575t-1.576-.655t-1.575.656T5%2014t.656%201.575t1.576.655t1.575-.656M7.23%2014%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%22M12.73%2019.35q-.653-.649-.653-1.576t.65-1.582t1.576-.653q.928%200%201.581.649q.655.649.655%201.577t-.65%201.581q-.65.654-1.577.654t-1.581-.65m2.443-.714q.365-.365.365-.867t-.365-.866t-.866-.365t-.867.365t-.364.866t.364.867t.867.364q.501%200%20.866-.365m-1.872-6.937Q12%2010.396%2012%208.5t1.302-3.198T16.5%204t3.198%201.302T21%208.5t-1.302%203.198T16.5%2013t-3.198-1.302m5.686-.71Q20%209.975%2020%208.5t-1.012-2.488T16.5%205t-2.488%201.013T13%208.5t1.013%202.488T16.5%2012t2.488-1.012M7.23%2017.23q-1.333%200-2.282-.95T4%2014t.944-2.282t2.287-.949t2.286.944t.945%202.287t-.95%202.286t-2.281.945m1.576-1.656q.655-.655.655-1.576t-.656-1.575t-1.576-.655t-1.575.656T5%2014t.656%201.575t1.576.655t1.575-.656M7.23%2014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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