Material design icons
Official Material Design icon sets from Google, including variable font-based Material Symbols and classic Material Icons.
What is Material design icons?
Material Design Icons is a collection of two official icon sets from Google: Material Symbols, the current variable font-based set, and Material Icons, the classic set no longer updated. These icons follow Material Design guidelines to provide consistent, scalable, and visually appealing icons for user interfaces across web and mobile applications. They solve the problem of maintaining design coherence and accessibility in digital products.
Frontend developers and designers building web or mobile applications that adhere to Material Design principles, particularly those using frameworks like Angular, React, or Vue who need reliable, scalable iconography. It's also suitable for UI/UX designers seeking standardized icons for prototyping and production.
Developers choose this over alternatives because it offers official, high-quality icons directly from Google with seamless integration via Google Fonts, ensuring design consistency and wide browser support. The unique selling point is the variable font technology in Material Symbols, allowing dynamic styling adjustments like weight, grade, and fill without multiple icon files.
Overview
Material Design icons by Google (Material Symbols)
Use Cases
Best For
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
