google / material-design-icons

Material Design icons by Google (Material Symbols)
http://google.github.io/material-design-icons/
Apache License 2.0
50.67k stars 9.58k forks source link

inline svgs and sass / proposal #91

Open MikeMitterer opened 9 years ago

MikeMitterer commented 9 years ago

Hi guys, I took your svg icons (thanks) and generated themeable!!!! inline svgs for sass. This is my project: https://github.com/MikeMitterer/dart-material-icons Here is a sample: https://rawgit.com/MikeMitterer/dart-material-icons/master/lib/sass/index.html The script I used to generate the .scss files: https://github.com/MikeMitterer/dart-material-icons/tree/master/tools And here are the .scss-files: https://github.com/MikeMitterer/dart-material-icons/tree/master/lib/sass

Maybe you can add this approach to your repo. At least I find it very useful. Here is a page where I use one of your icons: http://wsk.mikemitterer.at/

As you can see, making lighter / darker icons is very easy: https://github.com/MikeMitterer/dart-wsk-material/blob/master/example/_material_icons.scss

addyosmani commented 9 years ago

Thanks, Mike!

@jestelle Something we've briefly discussed in the past is enabling community contributions to the tooling for the repo in a way that would:

Perhaps it's worth considering a dedicated sub-directory (tools?) for this purpose so that upstreams just touch everything except that directory?

If it's too early for us to do this, another low-friction option could just be linking up to these other projects from our README and pointing folks there. Wdyt?