Material Design SVG Icons

Unlike most collections here grouped by topic, this one is grouped by origin — every library tracing back to Google's Material Design system. That includes the official sets (Google Material Icons, Material Symbols) alongside community-built variants and forks (Material Line Icons, Material Design Iconic Font, Material Design Icons, and others) that extend the original icon language with their own additions or styles. Useful if your product already follows Material Design conventions and you want the full range of weights and variants — filled, outlined, round, sharp — in one place instead of tracking down each library separately.

8 icon packs·Free & open source

Common Use Cases

  • 1

    Android apps and Flutter projects following Google's Material Design guidelines

  • 2

    Web apps built with Material UI (MUI), Vuetify, or other Material-based component libraries

  • 3

    Admin dashboards and internal tools that adopt Material Design as their visual language

  • 4

    Design system documentation referencing the full range of Material icon weights and styles

  • 5

    Cross-platform apps needing visual consistency with Android's native icon language

  • 6

    Prototyping tools like Figma or Sketch when mocking up Material-style interfaces

  • 7

    Chrome extensions and Google Workspace add-ons matching Google's own product design

Frequently Asked Questions

Material Icons was Google's original static icon set. Material Symbols is its successor, delivered as a variable font/SVG system supporting adjustable weight, grade, and optical size within each icon. The remaining libraries — Material Line Icons, Material Design Icons, Material Design Iconic Font, and others — are community-built sets that follow Material's visual language but aren't maintained by Google, often extending coverage with icons Google hasn't published.

If strict adherence to Google's actual design system matters (e.g. an Android app meant to feel native), stick to Google Material Icons or Material Symbols. If you need broader icon coverage — brand logos, more niche concepts — that Google's official sets don't include, community libraries like Material Design Icons often fill those gaps while keeping a similar visual style.

These are different visual treatments of the same icon set: outlined uses thin strokes, filled uses solid shapes, round softens corners, sharp uses hard corners, and two-tone adds a secondary shade for depth. Google's official libraries include all five; community forks may only offer a subset. Pick one and use it consistently across your interface.

Yes — Material Symbols supports variable axes for weight, fill, grade, and optical size, which in its font form allows smooth interpolation between states (like a subtle fill animation on hover). This collection provides the icons as static SVG files, so if you need that live variable-axis behavior, you'd want to use Google's font-based delivery method directly rather than the SVG version.

Google's official Material Icons and Material Symbols are released under the Apache License 2.0. Community-built libraries in this collection may use different licenses (MIT, SIL OFL, etc.), so check the license shown on the individual icon or pack page rather than assuming all libraries here share the same terms.

Often yes — community-maintained forks tend to accept contributions faster and cover a wider range of niche or brand-specific icons that Google's official roadmap doesn't prioritize. If you can't find something in Google Material Icons or Material Symbols, checking Material Design Icons is a reasonable next step.

Material Symbols is actively updated by Google with new icons fairly regularly, and this collection is refreshed to reflect those additions over time, though there may be some lag between an official release and when it appears here.