Browse the Material Design Icons library
masterYou can view the full collection of available icons at the official Material Design Icons website. This library includes icons converted from Google's official icon set.
Material Design Icons (MDI)
repository·master·Indexed 11 days ago
https://github.com/templarian/materialdesignA planning and source hub for Material Design Icons, providing distribution packages for web, mobile, and desktop applications. Available via NPM as @mdi/font for Webfont/SCSS, @mdi/js for JavaScript/TypeScript, @mdi/react for ReactJS, and @mdi/svg for raw SVG data and metadata.
What's inside Material Design Icons
Install Material Design Icons via NPM
masterMaterial Design Icons are available through several specialized NPM packages depending on your project's environment. Choose the package that matches your technology stack:
- Webfont / SCSS: For use in web projects via CSS classes.
- JavaScript / TypeScript: For direct programmatic access to icon data.
- ReactJS: For use as components in React applications.
- SVG / Meta.json: For raw SVG data and metadata.
# Webfont / SCSS npm install @mdi/font # JavaScript / TypeScript npm install @mdi/js # ReactJS npm install @mdi/react # SVG / Meta.json npm install @mdi/svgTroubleshoot Cordova icon issues
masterIf you are using Material Design Icons in a Cordova environment, you may encounter issues with versioning. You must manually edit the CSS file to remove the version query string to ensure icons load correctly.