MaterialDesign
✒7000+ Material Design Icons from the Community
Install / Use
/learn @Templarian/MaterialDesignREADME
Material Design
This repo contains all the planning for current and work-in-progress Material Design Icons.
Icons
View at Material Design Icons. This repo also contains converted icons from Google's official icon set.
| | NPM | Dist Repo | |
|-----------------|-----------------------|-----------|---|
| Webfont / SCSS | npm install @mdi/font | MaterialDesign-Webfont | 
|
| JavaScript / TypeScript | npm install @mdi/js | MaterialDesign-JS | 
|
| ReactJS | npm install @mdi/react | MaterialDesign-React | 
|
| SVG / Meta.json | npm install @mdi/svg | MaterialDesign-SVG | 
|
| Desktop Font | n/a | MaterialDesign-Font |
Upgrade Guide | Changelog Guide
Warning (Cordova only): You will need to manually edit the css file to remove the version query string. Read More.
Contribute
Please do not make pull requests against this repositiory. All icons are managed through the Material Design Icons site by the various contributors and synced instantly. If you want to become a contributor read more.
Icon Suggestions
Submit icon suggestions through the issue tab. Please include examples.
Third Party (Plugins / Extensions / etc)
License
Code of Conduct
Related Skills
diffs
344.1kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.0kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
Security Score
Audited on Mar 31, 2026