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

322 icons for “config”

  • Sharp 7k icon from Google Material Icons
  • Sharp 8k icon from Google Material Icons
  • Sharp 9k icon from Google Material Icons
  • Round Mode icon from Google Material Icons
  • Round More icon from Google Material Icons
  • Round Tune icon from Google Material Icons
  • Sharp Mode icon from Google Material Icons
  • Twotone Aod icon from Google Material Icons
  • Outline Menu icon from Google Material Icons
  • Outline Mode icon from Google Material Icons
  • Outline Tune icon from Google Material Icons
  • Round Adjust icon from Google Material Icons
  • Round Hdr On icon from Google Material Icons
  • Sharp Adjust icon from Google Material Icons
  • Twotone Mode icon from Google Material Icons
  • Twotone More icon from Google Material Icons
  • Twotone Tune icon from Google Material Icons
  • Baseline Mode icon from Google Material Icons
  • Baseline More icon from Google Material Icons
  • Baseline Tune icon from Google Material Icons
  • Round Hdr Off icon from Google Material Icons
  • Round Wb Auto icon from Google Material Icons
  • Sharp 6k Plus icon from Google Material Icons
  • Sharp 7k Plus icon from Google Material Icons
  • Sharp 8k Plus icon from Google Material Icons
  • Sharp 9k Plus icon from Google Material Icons
  • Sharp Wb Auto icon from Google Material Icons
  • Baseline Spoke icon from Google Material Icons
  • Outline Adjust icon from Google Material Icons
  • Round Hdr Plus icon from Google Material Icons
  • Round Settings icon from Google Material Icons
  • Sharp Settings icon from Google Material Icons
  • Sharp Wb Shade icon from Google Material Icons
  • Twotone Adjust icon from Google Material Icons
  • Baseline Adjust icon from Google Material Icons
  • Outline Padding icon from Google Material Icons
  • Outline Widgets icon from Google Material Icons
  • Round Auto Mode icon from Google Material Icons
  • Round Dark Mode icon from Google Material Icons
  • Round Dashboard icon from Google Material Icons
  • Round Equalizer icon from Google Material Icons
  • Round Macro Off icon from Google Material Icons
  • Round Rv Hookup icon from Google Material Icons
  • Round Toggle On icon from Google Material Icons
  • Sharp Auto Mode icon from Google Material Icons
  • Sharp Mode Edit icon from Google Material Icons
  • Baseline Hls Off icon from Google Material Icons
  • Outline Exposure icon from Google Material Icons
  • Outline Filter 5 icon from Google Material Icons
  • Outline Filter 6 icon from Google Material Icons
  • Outline Filter 7 icon from Google Material Icons
  • Outline Filter 8 icon from Google Material Icons
  • Outline Filter 9 icon from Google Material Icons
  • Outline Hdr Auto icon from Google Material Icons
  • Outline Settings icon from Google Material Icons
  • Round Do Disturb icon from Google Material Icons
  • Round Plus Minus icon from Google Material Icons
  • Round Toggle Off icon from Google Material Icons
  • Sharp Mode Night icon from Google Material Icons
  • Sharp Visibility icon from Google Material Icons
  • Twotone Filter 3 icon from Google Material Icons
  • Twotone Filter 6 icon from Google Material Icons
  • Twotone Filter 9 icon from Google Material Icons
  • Twotone Settings icon from Google Material Icons
  • Baseline Settings icon from Google Material Icons
  • Outline Auto Mode icon from Google Material Icons
  • Outline Functions icon from Google Material Icons
  • Outline Macro Off icon from Google Material Icons
  • Outline Menu Open icon from Google Material Icons
  • Outline More Vert icon from Google Material Icons
  • Outline Toggle On icon from Google Material Icons
  • Round Account Box icon from Google Material Icons
  • Twotone Macro Off icon from Google Material Icons
  • Twotone Mode Edit icon from Google Material Icons
  • Twotone More Vert icon from Google Material Icons
  • Twotone Toggle On icon from Google Material Icons
  • Baseline Auto Mode icon from Google Material Icons
  • Baseline Equalizer icon from Google Material Icons
  • Baseline Functions icon from Google Material Icons
  • Baseline Mode Edit icon from Google Material Icons
  • Baseline More Vert icon from Google Material Icons
  • Outline Burst Mode icon from Google Material Icons
  • Outline Filter Alt icon from Google Material Icons
  • Outline Toggle Off icon from Google Material Icons
  • Round Auto Fix Off icon from Google Material Icons
  • Sharp Auto Fix Off icon from Google Material Icons
  • Sharp Mode Fan Off icon from Google Material Icons
  • Twotone Mode Night icon from Google Material Icons
  • Twotone More Horiz icon from Google Material Icons
  • Twotone Toggle Off icon from Google Material Icons
  • Twotone Width Full icon from Google Material Icons
  • Twotone Width Wide icon from Google Material Icons
  • Baseline Burst Mode icon from Google Material Icons
  • Baseline More Horiz icon from Google Material Icons
  • Baseline Plus Minus icon from Google Material Icons
  • Baseline Straighten icon from Google Material Icons
  • Round Auto Fix High icon from Google Material Icons
  • Round Data Saver On icon from Google Material Icons
  • Round Density Small icon from Google Material Icons
  • Round Do Disturb On icon from Google Material Icons
  • Round Hdr On Select icon from Google Material Icons
  • Round Settings Cell icon from Google Material Icons
  • Sharp Auto Fix High icon from Google Material Icons
  • Sharp Legend Toggle icon from Google Material Icons
  • Sharp Settings Cell icon from Google Material Icons
  • Sharp Wb Iridescent icon from Google Material Icons
  • Baseline Noise Aware icon from Google Material Icons
  • Outline Auto Fix Off icon from Google Material Icons
  • Outline Wifi Channel icon from Google Material Icons
  • Round Account Circle icon from Google Material Icons
  • Round Autofps Select icon from Google Material Icons
  • Round Data Saver Off icon from Google Material Icons
  • Round Density Medium icon from Google Material Icons
  • Round Do Disturb Alt icon from Google Material Icons
  • Round Do Disturb Off icon from Google Material Icons
  • Round Do Not Disturb icon from Google Material Icons
  • Round Hdr Off Select icon from Google Material Icons
  • Round Install Mobile icon from Google Material Icons
  • Round Plus Minus Alt icon from Google Material Icons
  • Round Settings Phone icon from Google Material Icons
120 of 322

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