Material Design > Icons

google / web-starter-kit

Web Starter Kit - a workflow for multi-device websites

http://developers.google.com/web/starter-kit

Apache License 2.0

18.43k stars 3.03k forks source link

Material Design > Icons #293

Closed addyosmani closed 9 years ago

addyosmani commented 9 years ago

Update the icons in the icons directory and those in the style guide to those supplied by the Material Design specs. Here's a preview of them: http://www.google.com/design/spec/style/icons.html

addyosmani commented 9 years ago

We've just been given access to the SVGs for the icon sets. If someone has bandwidth it would be awesome to get these landed in the project. The work involved would be:

[ ] Filter down the pre-arranged iconsets to only the SVG sources
[ ] Put together a preview page referencing the SVG icons
[ ] Check that the build process is able to correctly serve the icons and build pages using them with them still being referenced correctly

devnook commented 9 years ago

I wonder if we should combine the individual svgs into svg sheets/spritemaps. There is a gulp-svgstore plugin that can generate such assets. It would complicate quite a bit the workflow though, because you need to inline the svg in html, or use a polyfill (like https://github.com/jonathantneal/svg4everybody) for external svg for IE 10 and 11. So it is simplicity vs efficiency question.

What do you think about it?

addyosmani commented 9 years ago

Personal preference is keeping them in individual files (for now) and if we get requests from users to introduce additional tooling for spritemaps (a la gulp-svgstore) consider evaluating then.

cc @sindresorhus @passy @PaulKinlan for more opinions here.

devnook commented 9 years ago

FYI: Currently icons are combined into an svg icon font.

addyosmani commented 9 years ago

Icons are going to ship later this week in a separate repository. We'll be including them as part of the Material Lite release later in the quarter.