Back to Explorer
16 - 512
0.5 - 4.0
Save to
editoroutline
md bubble chart
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdBubbleChartIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8.01-1c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zm0 4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zM16.5 3C13.47 3 11 5.47 11 8.5s2.47 5.5 5.5 5.5S22 11.53 22 8.5 19.53 3 16.5 3zm0 9c-1.93 0-3.5-1.57-3.5-3.5S14.57 5 16.5 5 20 6.57 20 8.5 18.43 12 16.5 12z"/>
</svg>
);SVG Optimizer
Before
0.60 KB
↓
After
0.60 KB
Tags
analysisanalyticsbarbarsbubblebubble chartbusiness intelligencechartcirclescomparisondashboarddatadiagramdotseducationfinancegraphinfographicinformationmeasuremeasurementsmetricspointspresentationprogressreportingresearchresultsscalescatter plotsciencestatisticssummarytrackingtrendsvisualization
Compare Alternatives
See how other libraries approach this concept.