Skip to content

Graph 4

The graph-4 icon represents a graph or chart with four elements, often used to compare data and statistics in various fields such as finance, economics, and science.

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

Set up MCP

Exports at 24 × 24 px

Graph  4 icon from Material Symbols Light

Code

Graph 4 in your framework

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

export const Graph4Icon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <path fill="currentColor" d="M12.033 21q-.978 0-1.663-.69t-.685-1.675q0-.835.511-1.482q.512-.647 1.304-.819V8.647l-4.29 5.208q.257.292.389.66t.132.794q0 .985-.702 1.675t-1.68.69t-1.664-.689Q3 16.295 3 15.311t.684-1.676t1.662-.693q.303 0 .577.067q.275.066.525.205l4.666-5.681q-.639-.252-1.06-.842q-.42-.589-.42-1.325q0-.986.686-1.676q.685-.69 1.663-.69t1.68.69t.703 1.676q0 .736-.42 1.325q-.421.59-1.079.842l4.685 5.661q.25-.119.512-.185q.263-.067.552-.067q.98 0 1.682.69q.702.688.702 1.672t-.702 1.677t-1.68.692t-1.664-.69t-.685-1.675q0-.418.132-.8t.39-.673L12.5 8.646v7.677q.823.166 1.37.806q.546.64.546 1.505q0 .986-.702 1.676t-1.681.69m.008-1.02q.569 0 .972-.391t.403-.972t-.399-.974t-.986-.393q-.56 0-.953.403t-.393.963t.393.962q.393.403.963.403m-6.685-3.308q.569 0 .972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56 0-.953.403T4 15.308t.393.962t.963.403m13.269 0q.57 0 .972-.392q.403-.392.403-.972t-.398-.973t-.986-.394q-.56 0-.953.403q-.394.403-.394.963t.394.962t.962.403m-6.634-9.942q.569 0 .972-.392t.403-.972t-.399-.974T11.981 4q-.56 0-.953.403t-.393.963t.393.962t.963.403"/>
  </svg>
);

Other libraries

Graph 4 in 1 more libraries

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

  • Graph  4 icon from Material Symbols

Material Symbols Light

Icons that share its tags, in the same style.

  • Graph  3 icon from Material Symbols Light
  • Graph  5 icon from Material Symbols Light
  • Graph  6 icon from Material Symbols Light
  • Graph  7 icon from Material Symbols Light
  • Graph  8 icon from Material Symbols Light
  • Bubble Chart icon from Material Symbols Light
  • Bar Chart Off icon from Material Symbols Light
  • Pie Chart icon from Material Symbols Light
  • Area Chart icon from Material Symbols Light
  • Insert Chart icon from Material Symbols Light
  • Multiline Chart icon from Material Symbols Light
  • Bar Chart icon from Material Symbols Light
  • Bar Chart 4 Bars icon from Material Symbols Light
  • Chart Data icon from Material Symbols Light
  • Grouped Bar Chart icon from Material Symbols Light
  • Polyline icon from Material Symbols Light
  • Stat Minus  1 icon from Material Symbols Light
  • Stat Minus  2 icon from Material Symbols Light
  • Stat Minus  3 icon from Material Symbols Light
  • Add Chart icon from Material Symbols Light
  • Flowsheet icon from Material Symbols Light
  • Show Chart icon from Material Symbols Light
  • Stat  0 icon from Material Symbols Light
  • Stat  1 icon from Material Symbols Light

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

Get Pro

Tags

Browse by tag

Graph 4 is tagged data, visualization, chart and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Material Symbols Light MCP, with Pro

Ask for Graph 4 or any of 15,390 Material Symbols Light 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 Graph 4 icon means and where it's used, then how to install, style and license it.

Install Graph 4 from a prompt

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

Get Pro