The Tabler chart bubble icon visually represents a bubble chart, commonly used in UI to display the relationship between three variables, where each bubble's size, x-axis position, and y-axis position represent a distinct data point.
Common uses
- Displaying survey results with multiple dimensions.
- Visualizing financial data with varying scales.
- Showing population density against economic indicators.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChartBubble } from '@tabler/icons-react';
<IconChartBubble size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconChartBubble size={24} stroke={2} />filled
<IconChartBubbleFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Charts
- Keywords
- statisticsdiagramgraphrhythmdataanalysischartbubblevisualizationanalyticschartsbubble chartdata visualizationscatter plotstatistics graph
FAQ
- What is the chart bubble icon used for?
- It's used to represent bubble charts, which are ideal for showing relationships between three variables in a dataset.
- How do I use the chart bubble icon in React?
- You can import and use it directly with: `import { IconChartBubble } from '@tabler/icons-react'`.
- What is the license for the Tabler chart bubble icon?
- The Tabler icon library, including the chart bubble icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →