Skip to content
shadcn.io

Google Material Icons for React.

10,956 free icons by Material Design Authors, Apache 2.0. Search by name or meaning, then open an icon to copy it as SVG or React, or install it.

Get ProAll libraries

Add shadcn.io to your AI agent. · Pro It installs any Google Material Icons icon from a prompt, with Pro.

Set up MCP

378 icons for “editing”

  • Round Crop icon from Google Material Icons
  • Round Hevc icon from Google Material Icons
  • Sharp Code icon from Google Material Icons
  • Sharp Crop icon from Google Material Icons
  • Sharp Mode icon from Google Material Icons
  • Outline Abc icon from Google Material Icons
  • Round Adobe icon from Google Material Icons
  • Round Brush icon from Google Material Icons
  • Round Title icon from Google Material Icons
  • Twotone 6mp icon from Google Material Icons
  • Twotone 7mp icon from Google Material Icons
  • Twotone 8mp icon from Google Material Icons
  • Twotone Pix icon from Google Material Icons
  • Outline Edit icon from Google Material Icons
  • Outline Lens icon from Google Material Icons
  • Outline Tune icon from Google Material Icons
  • Round Deblur icon from Google Material Icons
  • Round Drafts icon from Google Material Icons
  • Sharp Deblur icon from Google Material Icons
  • Twotone Crop icon from Google Material Icons
  • Twotone Edit icon from Google Material Icons
  • Twotone Hevc icon from Google Material Icons
  • Baseline Flip icon from Google Material Icons
  • Baseline Save icon from Google Material Icons
  • Outline Adobe icon from Google Material Icons
  • Outline Image icon from Google Material Icons
  • Round Blur On icon from Google Material Icons
  • Round Textsms icon from Google Material Icons
  • Round Texture icon from Google Material Icons
  • Round Wysiwyg icon from Google Material Icons
  • Sharp Blur On icon from Google Material Icons
  • Twotone Adobe icon from Google Material Icons
  • Twotone Style icon from Google Material Icons
  • Baseline Adobe icon from Google Material Icons
  • Outline Deblur icon from Google Material Icons
  • Outline Drafts icon from Google Material Icons
  • Round Blur Off icon from Google Material Icons
  • Round Crop 3 2 icon from Google Material Icons
  • Round Crop 5 4 icon from Google Material Icons
  • Round Crop 7 5 icon from Google Material Icons
  • Round Crop Din icon from Google Material Icons
  • Round Deselect icon from Google Material Icons
  • Round Filter 4 icon from Google Material Icons
  • Round Filter 5 icon from Google Material Icons
  • Round Filter 6 icon from Google Material Icons
  • Round Filter 7 icon from Google Material Icons
  • Round Filter 8 icon from Google Material Icons
  • Round Filter 9 icon from Google Material Icons
  • Sharp Blur Off icon from Google Material Icons
  • Sharp Code Off icon from Google Material Icons
  • Sharp Colorize icon from Google Material Icons
  • Sharp Crop 3 2 icon from Google Material Icons
  • Sharp Crop 5 4 icon from Google Material Icons
  • Sharp Crop 7 5 icon from Google Material Icons
  • Sharp Crop Din icon from Google Material Icons
  • Sharp Hdr Plus icon from Google Material Icons
  • Sharp Hdr Weak icon from Google Material Icons
  • Sharp Pan Tool icon from Google Material Icons
  • Sharp Vignette icon from Google Material Icons
  • Twotone Deblur icon from Google Material Icons
  • Baseline Deblur icon from Google Material Icons
  • Outline Blur On icon from Google Material Icons
  • Outline Opacity icon from Google Material Icons
  • Outline Preview icon from Google Material Icons
  • Round Crop 16 9 icon from Google Material Icons
  • Round Crop Free icon from Google Material Icons
  • Round Mode Edit icon from Google Material Icons
  • Round Timelapse icon from Google Material Icons
  • Round Wrap Text icon from Google Material Icons
  • Sharp Backspace icon from Google Material Icons
  • Sharp Crop 16 9 icon from Google Material Icons
  • Sharp Crop Free icon from Google Material Icons
  • Sharp Highlight icon from Google Material Icons
  • Sharp Mode Edit icon from Google Material Icons
  • Twotone Blur On icon from Google Material Icons
  • Twotone Opacity icon from Google Material Icons
  • Twotone Wysiwyg icon from Google Material Icons
  • Baseline Blur On icon from Google Material Icons
  • Baseline Save As icon from Google Material Icons
  • Outline Blur Off icon from Google Material Icons
  • Outline Copy All icon from Google Material Icons
  • Outline Exposure icon from Google Material Icons
  • Outline Pan Tool icon from Google Material Icons
  • Outline Polyline icon from Google Material Icons
  • Outline Vignette icon from Google Material Icons
  • Round Audiotrack icon from Google Material Icons
  • Round Dirty Lens icon from Google Material Icons
  • Round Filter Alt icon from Google Material Icons
  • Round Filter Hdr icon from Google Material Icons
  • Round Shape Line icon from Google Material Icons
  • Round Spellcheck icon from Google Material Icons
  • Round Straighten icon from Google Material Icons
  • Sharp Filter Hdr icon from Google Material Icons
  • Sharp Hdr Strong icon from Google Material Icons
  • Sharp Spellcheck icon from Google Material Icons
  • Twotone Blur Off icon from Google Material Icons
  • Twotone Colorize icon from Google Material Icons
  • Twotone Crop 3 2 icon from Google Material Icons
  • Twotone Crop 5 4 icon from Google Material Icons
  • Twotone Crop 7 5 icon from Google Material Icons
  • Twotone Crop Din icon from Google Material Icons
  • Twotone Deselect icon from Google Material Icons
  • Twotone Edit Off icon from Google Material Icons
  • Twotone Filter 2 icon from Google Material Icons
  • Twotone Filter 5 icon from Google Material Icons
  • Twotone Filter 8 icon from Google Material Icons
  • Twotone Vignette icon from Google Material Icons
  • Baseline Blur Off icon from Google Material Icons
  • Baseline Colorize icon from Google Material Icons
  • Baseline Crop 3 2 icon from Google Material Icons
  • Baseline Crop 5 4 icon from Google Material Icons
  • Baseline Crop 7 5 icon from Google Material Icons
  • Baseline Crop Din icon from Google Material Icons
  • Baseline Gradient icon from Google Material Icons
  • Baseline Pan Tool icon from Google Material Icons
  • Baseline Save All icon from Google Material Icons
  • Baseline Save Alt icon from Google Material Icons
  • Outline Lens Blur icon from Google Material Icons
  • Outline Mode Edit icon from Google Material Icons
  • Outline Transform icon from Google Material Icons
120 of 378

Libraries

Other popular libraries

The sets teams reach for first, largest first, with their licenses.

View all 222

Skip the search. With Pro, your AI agent finds and installs any Google Material Icons icon from a prompt.

Get Pro

Pricing

Google Material Icons MCP, with Pro

Your agent searches all 10,956 Google Material Icons and installs the one you describe. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates.

See full pricing

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

About Google Material Icons: how many there are, how to use them, and their license.

Install any Google Material Icons icon from a prompt

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

Get Pro