Last weekend the Material Design Icons repo hit a very nice milestone of 3000 GitHub stars.
NPM stats are slowly trending up also with over 15k downloads in the last 30 days.
Very aggressively working toward the v1.9.xx release at the moment and the new website. Can't wait to get these out.
I've written about the process open sourcing MDI Light, but sometimes it's nice to see what the difference is visually.
See the Pen Compare Material Design Icons Light by Austin Andrews (@templarian) on CodePen.
There is still some work to get the bower/npm/github setup with documentation. Until then you can preview the icons below.
https://cdn.materialdesignicons.com/light/0.2.63/
Licensed under the SIL-OFL 1.1
Please let me know on twitter (@templarian) if you find any issues or want to give feedback.
To learn more please read the previous blog post.
Always nice to mention the CDN is graciously sponsored by MaxCDN.
If you follow my icon stuff a few years ago I released a 254 icon set called "Material Design Icons Light" to help fund Material Design Icons' open source efforts.
Shortly this icon pack will also become open source. The why is not too important, but it did not do as well as I had hoped and I would rather see people using it than not.
Built off a 24x24 grid the icons omit the top and right pixel columns to produce a single pixel stroke style.
These icons will be directly integrated into the new MaterialDesignIcons.com in several ways. To adapt to having two icon sets in the new site simply appending /light will allow previewing MDI Light.
| Set | View All | Single Icon |
|---|---|---|
| MDI | /icons |
/icon/account |
| MDI Light | /icons/light |
/icon/account/light |
For those using the webfont with MDI they are familiar with the mdi mdi-account syntax. To access MDI Light one can simply use mdil mdil-account as the codepoints in the font will be mapped to the same values (technically mdil mdi-account would work also).
Expanding MDI Light not a goal at the moment, but will be in a few months. The focus will be 100% on the new site and working toward 2000 icons for the v2.0.0 release.
For those curious what it looks like for me to do this, it's manual, but I've built tooling for MDI that supports multiple font sets and other features.
Above I'm setting codepoint data for the release. Below is what MDI's codepoint looks like with more versions.
Hopefully will have this wrapped up shortly and can release it to everyone on GitHub/NPM/Bower.
Material Design Icons works great with various frameworks including Bootstrap version 4. Below are the most up to date examples making use of the icons.
See the Pen Material Design Icons - Bootstrap 4 by Austin Andrews (@templarian) on CodePen.
Let me know ways this be expanded and be sure to checkout the MDI Collection of other helpful CodePens.