google/material-design-icons

What is it?

Key features

• 01Two icon sets: Material Symbols (current, variable font) and Material Icons (classic, no longer updated).
• 02Material Symbols offers adjustable optical size, weight, grade, and fill axes.
• 03Material Icons includes outlined, filled, rounded, sharp, and two-tone styles.
• 04Provides SVG, PNG, web font, Android, and iOS formats.
• 05Can be used through hosted Google Fonts links or downloaded files.

Use cases

• Adding a consistent icon set to a web app's UI.
• Using icon fonts in a website through a CSS class or Google Fonts link.
• Including Material-style icons in Android or iOS apps.
• Customizing icon weight or fill state with variable font settings in CSS.

Quick start

1. 1

   Open the Material Symbols icon browser and pick icons

2. 2

   Install the community npm package for SVG icons

   npm install @material-design-icons/svg
3. 3

   Or link the web font from Google Fonts in your HTML

   <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">

Things to know

• !Material Icons is no longer updated, so new icons only appear in Material Symbols.
• !The npm packages are maintained by a third party, not by Google.

Topics

FAQ

What is material-design-icons?

Google's official Material Design icon sets (Material Symbols and classic Material Icons) in SVG, icon font, Android, and iOS formats. This repository holds Google's official Material Design icons in two sets. Material Symbols, introduced in 2022, is the current set and is built as variable fonts with adjustable optical size, weight, grade, and fill axes. Material Icons is the classic set, available in outlined, filled, rounded, sharp, and two-tone styles, and it is no longer updated.

Is material-design-icons free to use? What license does it have?

material-design-icons is open source under the Apache-2.0 license. Check the license terms before using it in commercial products.

Is material-design-icons still maintained?

Actively maintained. The last commit to material-design-icons was on Oct 9, 2026.

What can I use material-design-icons for?

Adding a consistent icon set to a web app's UI. Using icon fonts in a website through a CSS class or Google Fonts link. Including Material-style icons in Android or iOS apps. Customizing icon weight or fill state with variable font settings in CSS.

How do I install material-design-icons?

Open the Material Symbols icon browser and pick icons Install the community npm package for SVG icons: npm install @material-design-icons/svg Or link the web font from Google Fonts in your HTML: <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">

Where can I get material-design-icons?

The source code and installation instructions are on GitHub: https://github.com/google/material-design-icons