# google/material-design-icons architecture

> Architecture diagram of the GitHub repository google/material-design-icons, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-28). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/google/material-design-icons
- Repository: https://github.com/google/material-design-icons

## Overview

This repository distributes Google’s Material Icons and Material Symbols as reusable visual assets rather than running an application. A consumer selects an icon set and style, then incorporates the corresponding platform or font assets into a product. The tree excerpt shows Android resources and a font directory; the README documents additional asset families, including SVG, iOS, PNG, and variable-font assets, whose implementation is not shown here. The graph therefore describes the documented asset offerings without inferring internal runtime wiring.

Main entry points: [`android`](https://github.com/google/material-design-icons/tree/master/android) (Android resources), [`font`](https://github.com/google/material-design-icons/tree/master/font) (Icon fonts), [`src`](https://github.com/google/material-design-icons/tree/master/src) (SVG icons), [`ios`](https://github.com/google/material-design-icons/tree/master/ios) (iOS icons)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_classic["Material Icons"]
  node_android["Android resources"]
  node_classic_font["Icon fonts"]
  node_classic_svg["SVG icons"]
  node_classic_ios["iOS icons"]
  node_classic_png["PNG icons"]
end

subgraph group_symbols["Material Symbols"]
  node_symbol_assets["Symbol assets"]
  node_variable_fonts["Variable fonts"]
end

node_developer(("Product developer"))

node_developer -->|"uses"| node_android
node_developer -->|"uses"| node_classic_font
node_developer -->|"uses"| node_classic_svg
node_developer -->|"uses"| node_classic_ios
node_developer -->|"uses"| node_classic_png
node_developer -->|"uses"| node_symbol_assets
node_developer -->|"uses"| node_variable_fonts

click node_android "https://github.com/google/material-design-icons/tree/master/android"
click node_classic_font "https://github.com/google/material-design-icons/tree/master/font"
click node_classic_svg "https://github.com/google/material-design-icons/tree/master/src"
click node_classic_ios "https://github.com/google/material-design-icons/tree/master/ios"
click node_classic_png "https://github.com/google/material-design-icons/tree/master/png"
click node_symbol_assets "https://github.com/google/material-design-icons/tree/master/symbols"
click node_variable_fonts "https://github.com/google/material-design-icons/tree/master/variablefont"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_android,node_classic_font,node_classic_svg,node_classic_ios,node_classic_png toneBlue
class node_symbol_assets,node_variable_fonts toneAmber
class node_developer toneIndigo
```

## Components

### Material Icons

- [Android resources](https://github.com/google/material-design-icons/tree/master/android): `android`
- [Icon fonts](https://github.com/google/material-design-icons/tree/master/font): `font`
- [SVG icons](https://github.com/google/material-design-icons/tree/master/src): `src`
- [iOS icons](https://github.com/google/material-design-icons/tree/master/ios): `ios`
- [PNG icons](https://github.com/google/material-design-icons/tree/master/png): `png`

### Material Symbols

- [Symbol assets](https://github.com/google/material-design-icons/tree/master/symbols): `symbols`
- [Variable fonts](https://github.com/google/material-design-icons/tree/master/variablefont): `variablefont`

### Other components

- **Product developer**

## Connections

- Product developer → Android resources: uses
- Product developer → Icon fonts: uses
- Product developer → SVG icons: uses
- Product developer → iOS icons: uses
- Product developer → PNG icons: uses
- Product developer → Symbol assets: uses
- Product developer → Variable fonts: uses