Welcome to the @MDI Organization

Material Design Icons' growing community has introduced a lot of options for consuming the icons across numerous frameworks. Our goal is not to provide libraries for every framework, but to ensure the large ones are supported through NPM (Node Package Manager) dependencies. To facilitate this effort we've created the NPM Organization @mdi.

https://www.npmjs.com/org/mdi

What Does this mean?

In the short term we will support both existing packages by publishing to both repositories.

  • @mdi/font = mdi
  • @mdi/svg = mdi-svg

Note: Starting with v2.2.43 users of the mdi package are suggested to start moving to the @mdi/font package. We will wait a few releases before deprecating.

Future Planning

We'll be wrapping and publishing more officially maintained packages for Angular, React, and Polymer. This means we'll be onboarding more open source developers and ensuring each project has multiple contributors and a dedicated Maintainer.

We'll be looking at existing third party open source projects and reaching out if solutions already exist.

Our overarching goal of this is to ensure that all supporting libraries are updated in a timely manner for the community.

Extra Posters on Etsy

UPDATE: SALE DONE

Due to some shipping / logistic issues I'll be putting up the remaining posters for order.

  • 15 Gray Blue / White Icons
  • 4 White / Grey Icons

Each order comes with assortment of stickers.

'Profits' (using lightly as this won't break even) are being used to cover the cost of posters/shipping to the contribution team. 8 out of the 11 contributor posters were international shipping.

US / Canada ship\ping only.

Etsy

Material Design Icons Poster

The Material Design Icons poster is being given to the contributors that made the 2000* icon milestone possible. My way of saying thanks for helping manage all the issues and creating some wonderful icons used by thousands every day.

Poster
Poster Draft

As it is cheaper to order in bulk I should have a few extras for purchase in blue/white.

White

After sending out all the contribution posters I'll get a good idea of shipping costs for US/International

Poster Framed

* Poster contains 2040 icons.

Material Design Icons v2.0.46

The v2.0.46 release of Material Design Icons contains 100+ new icons and bringing the total to 2000 icons. It does not contain any breaking changes (other than 2 icon renames).

Download v2.0.46 on the CDN

Third Party Developers

Due to the projects growing usage among developers there have many requests to provide a SVG + meta.json dependency for NPM/Bower. Starting with 2.0.46 this is now possible using mdi-svg.

npm install mdi-svg
bower install mdi-svg

For those not familiar with the meta.json file this contains a snapshot of data from the database for third party developers to use. Over time we'll be writing documentation for others to build the font files.

Future

The top goal for the next release may be simply removing legacy browser support (so IE9+ only).

Adobe XD MDI Extension Idea

Adobe XD is in beta right now and an ideal environment for building high fidelity mockups and prototyping out ideas quickly. Now with the new layers panel added the app is getting closer to becoming a viable tool for end-to-end creation of designs.

Got the chance to talk with someone on the Adobe XD team at Microsoft Build and the future of the application is sounding very promising.

Hopefully shortly we'll see the ability create third party extensions. Of course the first extension I would want to build is for the Material Design Icons pack.

Adobe XD MDI Extension

The extension would basically allow one to quickly incorporate the icons in their design. With Material Design Icons Light variant open sourcing shortly this could fit nicely into wireframes also.

Toggle

This keeps the extension simple, assuming the user will select colors using the normal color selector.

Ideally once the extension API releases I'll be able to get this coded over a weekend for others to use.