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

712 icons for “ratio”

  • Round Vibration icon from Google Material Icons
  • Sharp Vibration icon from Google Material Icons
  • Outline Vibration icon from Google Material Icons
  • Round Celebration icon from Google Material Icons
  • Sharp Celebration icon from Google Material Icons
  • Twotone Vibration icon from Google Material Icons
  • Baseline Vibration icon from Google Material Icons
  • Round Aspect Ratio icon from Google Material Icons
  • Sharp Aspect Ratio icon from Google Material Icons
  • Outline Celebration icon from Google Material Icons
  • Twotone Celebration icon from Google Material Icons
  • Baseline Celebration icon from Google Material Icons
  • Outline Aspect Ratio icon from Google Material Icons
  • Twotone Aspect Ratio icon from Google Material Icons
  • Baseline Aspect Ratio icon from Google Material Icons
  • Round App Registration icon from Google Material Icons
  • Round Data Exploration icon from Google Material Icons
  • Round Grid Goldenratio icon from Google Material Icons
  • Sharp App Registration icon from Google Material Icons
  • Sharp Data Exploration icon from Google Material Icons
  • Sharp Grid Goldenratio icon from Google Material Icons
  • Outline App Registration icon from Google Material Icons
  • Outline Data Exploration icon from Google Material Icons
  • Outline Grid Goldenratio icon from Google Material Icons
  • Round Image Aspect Ratio icon from Google Material Icons
  • Sharp Image Aspect Ratio icon from Google Material Icons
  • Twotone App Registration icon from Google Material Icons
  • Twotone Data Exploration icon from Google Material Icons
  • Twotone Grid Goldenratio icon from Google Material Icons
  • Baseline App Registration icon from Google Material Icons
  • Baseline Data Exploration icon from Google Material Icons
  • Baseline Grid Goldenratio icon from Google Material Icons
  • Round Compass Calibration icon from Google Material Icons
  • Sharp Compass Calibration icon from Google Material Icons
  • Outline Image Aspect Ratio icon from Google Material Icons
  • Twotone Image Aspect Ratio icon from Google Material Icons
  • Baseline Image Aspect Ratio icon from Google Material Icons
  • Outline Compass Calibration icon from Google Material Icons
  • Twotone Compass Calibration icon from Google Material Icons
  • Baseline Compass Calibration icon from Google Material Icons
  • Round Integration Instructions icon from Google Material Icons
  • Sharp Integration Instructions icon from Google Material Icons
  • Outline Integration Instructions icon from Google Material Icons
  • Twotone Integration Instructions icon from Google Material Icons
  • Baseline Integration Instructions icon from Google Material Icons
  • Round 3p icon from Google Material Icons
  • Sharp 3p icon from Google Material Icons
  • Sharp 7k icon from Google Material Icons
  • Sharp 8k icon from Google Material Icons
  • Sharp 9k icon from Google Material Icons
  • Round Api icon from Google Material Icons
  • Round Dns icon from Google Material Icons
  • Round Egg icon from Google Material Icons
  • Sharp Api icon from Google Material Icons
  • Sharp Hub icon from Google Material Icons
  • Round Cake icon from Google Material Icons
  • Round Draw icon from Google Material Icons
  • Round Mode icon from Google Material Icons
  • Round Tune icon from Google Material Icons
  • Sharp Cake icon from Google Material Icons
  • Sharp Mode icon from Google Material Icons
  • Sharp Sort icon from Google Material Icons
  • Baseline 3p icon from Google Material Icons
  • Outline Api icon from Google Material Icons
  • Round Group icon from Google Material Icons
  • Round Merge icon from Google Material Icons
  • Round Share icon from Google Material Icons
  • Round Speed icon from Google Material Icons
  • Round Water icon from Google Material Icons
  • Sharp Build icon from Google Material Icons
  • Sharp Group icon from Google Material Icons
  • Sharp Minus icon from Google Material Icons
  • Sharp Share icon from Google Material Icons
  • Sharp Speed icon from Google Material Icons
  • Sharp Water icon from Google Material Icons
  • Twotone Aod icon from Google Material Icons
  • Twotone Api icon from Google Material Icons
  • Baseline Api icon from Google Material Icons
  • Baseline Duo icon from Google Material Icons
  • Outline Cake icon from Google Material Icons
  • Outline Menu icon from Google Material Icons
  • Outline Tune icon from Google Material Icons
  • Round Adjust icon from Google Material Icons
  • Round Groups icon from Google Material Icons
  • Round Hdr On icon from Google Material Icons
  • Round Height icon from Google Material Icons
  • Round Router icon from Google Material Icons
  • Sharp Adjust icon from Google Material Icons
  • Sharp Divide icon from Google Material Icons
  • Sharp Groups icon from Google Material Icons
  • Twotone Cake icon from Google Material Icons
  • Twotone Gite icon from Google Material Icons
  • Twotone Mode icon from Google Material Icons
  • Twotone More icon from Google Material Icons
  • Twotone Redo icon from Google Material Icons
  • Twotone Tour icon from Google Material Icons
  • Twotone Tune icon from Google Material Icons
  • Baseline Cake icon from Google Material Icons
  • Baseline Gite icon from Google Material Icons
  • Baseline Hive icon from Google Material Icons
  • Baseline Loop icon from Google Material Icons
  • Baseline Mode icon from Google Material Icons
  • Baseline More icon from Google Material Icons
  • Outline Merge icon from Google Material Icons
  • Outline Minus icon from Google Material Icons
  • Outline Share icon from Google Material Icons
  • Outline Speed icon from Google Material Icons
  • Outline Waves icon from Google Material Icons
  • Round Bathtub icon from Google Material Icons
  • Round Egg Alt icon from Google Material Icons
  • Round Hdr Off icon from Google Material Icons
  • Round Palette icon from Google Material Icons
  • Round Save As 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 Percent icon from Google Material Icons
  • Sharp Wb Auto icon from Google Material Icons
120 of 712

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