Skip to content
shadcn.io

Chart Scatter

The chart-scatter icon represents a type of graphical representation used to display the relationship between two variables, with data points scattered across the chart.

Add shadcn.io to your AI agent. · Pro It installs Chart Scatter, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Chart Scatter icon from IconPark
Get Pro

2,658 in IconParkApache 2.0 license (opens in a new tab)Free to copy and download

Code

Chart Scatter in your framework

In any framework. Customize it above, and the code follows.

export const ChartScatterIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" fill="none" stroke="currentColor" {...props}>
    <g fill="none"><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M6 6V42H42"/><path fill="#000" fillRule="evenodd" d="M20 24C22.2091 24 24 22.2091 24 20C24 17.7909 22.2091 16 20 16C17.7909 16 16 17.7909 16 20C16 22.2091 17.7909 24 20 24Z" clipRule="evenodd"/><path fill="#000" fillRule="evenodd" d="M37 16C39.7614 16 42 13.7614 42 11C42 8.23858 39.7614 6 37 6C34.2386 6 32 8.23858 32 11C32 13.7614 34.2386 16 37 16Z" clipRule="evenodd"/><path fill="#000" fillRule="evenodd" d="M15 36C16.6569 36 18 34.6569 18 33C18 31.3431 16.6569 30 15 30C13.3431 30 12 31.3431 12 33C12 34.6569 13.3431 36 15 36Z" clipRule="evenodd"/><path fill="#000" fillRule="evenodd" d="M33 32C34.6569 32 36 30.6569 36 29C36 27.3431 34.6569 26 33 26C31.3431 26 30 27.3431 30 29C30 30.6569 31.3431 32 33 32Z" clipRule="evenodd"/></g>
  </svg>
);

Other libraries

Chart Scatter in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Chart Scatter icon from Phosphor
  • Chart Scatter icon from Tabler Icons
  • Chart Scatter icon from Huge Icons
  • Chart Scatter icon from IconPark Outline
  • Chart Scatter icon from Myna UI Icons
  • Chart Scatter icon from Carbon
  • Chart Scatter icon from TDesign Icons
  • Chart Scatter icon from Lucide

IconPark

Icons that share its tags, in the same style.

  • Chart Histogram icon from IconPark
  • Chart Histogram One icon from IconPark
  • Chart Histogram Two icon from IconPark
  • Chart Line icon from IconPark
  • Chart Pie icon from IconPark
  • Chart Pie One icon from IconPark
  • Chart Proportion icon from IconPark
  • Chart Ring icon from IconPark
  • Chart Line Area icon from IconPark
  • Viencharts icon from IconPark
  • Kagi Map icon from IconPark
  • Table Report icon from IconPark
  • Endpoint Displacement icon from IconPark
  • Pie Three icon from IconPark
  • Pie Two icon from IconPark
  • Chart Graph icon from IconPark
  • Percentage icon from IconPark
  • Bubble Chart icon from IconPark
  • Radar Chart icon from IconPark
  • Sales Report icon from IconPark
  • Analysis icon from IconPark
  • Chart Stock icon from IconPark
  • Collection Records icon from IconPark
  • Data Display icon from IconPark

Skip the copy and paste. With Pro, your AI agent finds and installs any IconPark icon from a prompt.

Get Pro

Tags

Browse by tag

Chart Scatter is tagged UI, data, analytics and 3 more. Related tags follow; each opens its icons from every library.

Pricing

IconPark MCP, with Pro

Ask for Chart Scatter or any of 2,658 IconPark icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Chart Scatter icon means and where it's used, then how to install, style and license it.

Install Chart Scatter from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro