Skip to content
Site v2.0, so... Angular v6, Bootstrap v4, TypeScript v2.5.3
TypeScript HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Only run on master Aug 21, 2019
.vscode Scripting with NodeJS guide. Oct 6, 2018
e2e Outlining some ideas. Dec 28, 2016
src Add @mid/font-build Jan 21, 2020
.editorconfig Outlining some ideas. Dec 28, 2016
.gitignore Basic load .md files into viewer component. Dec 30, 2016
angular.json PrismJS + Custom theme for docs. Oct 13, 2018
browserslist 6 to 8. Jan 6, 2020
package-lock.json 6 to 8. Jan 6, 2020
package.json 6 to 8. Jan 6, 2020
tslint.json 6 to 8. Jan 6, 2020
typings.json Basic load .md files into viewer component. Dec 30, 2016

Material Design Icons - Site

The Material Design Icons project has been growing pretty quickly over the years and now has a large community behind it and is need of a new site.

Tech Stack

Pretty much starting this with the latest of everything. Angular, ngAngular (Bootstrap 4), TypeScript2.

Running Locally

Clone the project and install angular-cli globally. This will handle running the Angular project.

npm install angular-cli --global
npm install
ng serve


  • Modern Browser support only (developer focused resource).
  • Fully responsive design.
  • Fast loading.
    • Load only required icons.
    • Minify all source.
    • Scrolling only renders SVG files in view.
  • View icons by version of release.
  • Separate help guides for each framework.
  • Resource page
  • Each icon has a unique page.
  • Cleanly integrate the advanced export.
  • Contributor pages editable by contributors.
  • Emoji ranking on icons that may need a revision.
  • Suggest an alias.
  • More robust tagging of icons.

API Endpoints

To view all the documented endpoints please open src/content/

You can’t perform that action at this time.