Material Design Icons Light

Material Design Icons Light is a light variant of the Material Design Icons. The first release contains over 250 icons and will gradually expand to include the most commonly used icons.

Purchase at Creative Market

Preview

To make sizing easier icons are restyled assuming the top and right 1px edge does not exist.

Size

Usage is similar to Material Design Icons, but with the mdi-light prefix.

<span class="mdi-light mdi-light-account"></span>

Full Set

Hopefully I will find some time to add new icons to this collection.

Material Design Icons v1.1.34

This is a large update: 62 new icons, MaxCDN sponsored CDN, and the boostrap getting started guide. That is not even the big news. Google IO was going on last week and did a serious update on their design tools. Along with a lot of additions around their stock icon set.

New Community Icons

The 62 new icons brings the total community count up to 582 icons. Since there are no breaking changes in v1.1.34 or any going forward the pack has lost the beta tag. This means as far as I know the set is stable for any of your production applications. I've been using them in production for the last month on client projects and it has gone smoothly.

Content Delivery Network

The CDN was requested constantly and was actually a feature I needed myself for use in codepen.io examples. MaxCDN that is sponsoring the CDN made the process very easy.

MaxCDN

The below link can be used to access the recently released 1.1.34 webfont package. The root of each version contains the preview for that release.

<link rel="stylesheet" href="//cdn.materialdesignicons.com/1.1.34/css/materialdesignicons.min.css">

Boostrap Getting Started

One of the stories in my backlog for the last month has been building out a getting started guide specific to Bootstrap users. I work with bootstrap every day and while it's easy to plug the icons in having small snippets of CSS to quickly correct icon positioning can save a lot of time.

Eventually these CSS rules will be adapted into the materialdesignicons.css stylesheet. For now to facilitate easier updates and bug fixes they will be separate.

Google Design / Google IO Updates

To say google has upgraded their design tools and documentation is an understatement. They have completely upgraded most of their guidelines and tools with the goal of speeding up development. The new icon page is a good example of how a quick export option will greatly speed up developers.

The design examples for the system icons also got a pretty lengthy addition. This will ensure consistent icon additions. I'll be going through previous icons correcting them to match.

Alignment

Google Design has added an additional 80 icons to the pack which will be added in this next release. Follow GoogleDesign on twitter to learn about new additions.

What's Next...

It has been in the planning stages (and partially coding stage) for a while. The icon set is just growing at a rate that is not practical as a single webfont. The current release tops at 60kb for the woff2 compressed webfont. This is only 1134 icons. Between Google Design adding new icons and the community users will need a way to produce smaller more tailored webfonts.

Subsetting icons requires many new features to be added to the site. These new features are a few releases out, but with each release will become more important.

With 289 issues closed and 107 open issues there is a lot of things to talk about. Please +1 any issue you like. Right now prioritization is completely biased to my judgement.

Microsoft Build 2015 Approaches

Just 9 days until Microsoft Build 2015. There are many open questions on the minds of developers and designers this year. Over the three day conference most of these will be answered (hopefully). For those not attending here is a twitter list of people to follow and be sure to scroll down to learn about the Build recap events.

Build 2015

Everyone seems pretty excited to checkout the HoloLens demo myself included. Still vague what we will actually be seeing in the demo, but I think simply seeing the Minecraft demo would hold most over until the release. Would be nice to see some sample 'hello world' apps running.

HoloLens

Like the last two years I will be going to the Visual Studio talks and UX talks. This is the year for Microsoft to take their UX more seriously like we've seen from Google as of late. Expecting to see at least one hamburger UX presentation, and will probably discuss the revised iconography that is being introduced in Windows 10 [for Phones] with the Microsoft designers.

C Sharp will be a major focus like in the previous years. Will be nice to see how Xamarin and Unity are shown along side the Microsoft developer ecosystem this year.

As entitled as it sounds, not having a Lumia 1020 successor is making me want to jump to another platform for their phones. I'm hoping something will be shown off (before the rumored OnePlusTwo release).

Socializing

Every year the best part, next to the great talks, is meeting everyone in the Microsoft developer ecosystem. Almost everyone from twitter that is active in the community will be there again this year (drop in Euro made it difficult for some).

Gifts

For another year in a row I wish Microsoft would stop the gifts and use the ticket prices toward expanding the conference in other ways (better food / more demos / student discounts).

Not able to attend Build?

Across the world Microsoft will be holding recap events of Microsoft Build. The Chicago event especially will be one not to miss. Tim Heuer will be delivering the opening keynote. David Catuhe (Babylon.js), Jerry Nixon, and Jeff Burtoft will also be there presenting.

Chicago

Register for Wednesday June 10th if you are in the Chicago area.

Material Design Icons Beta

The Material Design Icons' site and webfont has gone into beta. Development will continue as normal, but at this point the icon set and features should be production ready.

In the beta the goal will be to address bugs as they come in as people start to integrate the icons with their projects.

Thanks for all the support during the development.

Note: There are many icon requests that are being processed. This is not a first come first queue, and it could take a while to process all the icon requests. If an icon is rejected it may still be created and attached to the issue.

Material Design Icons History

This weekend Material Design Icons got updated with a new history page that will detail all the additions to the pack and various milestones.

History

Most importantly this page will inform users of icon modification in between the webfont releases.

Changes to existing icons are represented by a light purple. These entries have a compare button to see a before and after along with a visual overlay of the two icons. Often icon changes are subtle, so the overlay will make these changes much more obvious than a side by side comparison.

Compare

One last update a little off topic, the twitter account MaterialIcons is now active, so be sure to follow it for updates.

twitter

Thanks to those that submitted bugs. Please submit any issues you find or icon requests to the issue tracker on GitHub.