Giter Club home page Giter Club logo

Comments (12)

chrisui avatar chrisui commented on May 3, 2024 7

Just to keep this thread up-to-date...

A year and a half has passed now and it seems this problem is getting a bit out of hand - In our project the material-design-icons folder is now ~340mb ;) (30x bigger than our next biggest dependency)

Luckily it's pretty easy just to take the font/svgs and keep them up to date ourselves. There is also https://github.com/jossef/material-design-icons-iconfont for those looking.

It would be preferable to have this repo publish multiple packages to npm though as an "official mirror" rather than having to rely on a fork or manually copying files.

340.7 MiB [##########] /material-design-icons

from material-design-icons.

eddiemonge avatar eddiemonge commented on May 3, 2024 5

Any update on this?

from material-design-icons.

carecki avatar carecki commented on May 3, 2024 4

Over a year has passed, but this is still an issue.
Any news about this?

from material-design-icons.

tomByrer avatar tomByrer commented on May 3, 2024

+1

I'm assuming compressing the images will lighten the download.

I don't see why you would want to use npm when creating Android/iOS apps.

Using Cordova/Phonegap & family for HTML5-based apps is a thing. It is what I & 1/3 of app devs plan to do.

Suggestions:
It would be more clear to call PNGs -png & not -web. SVG browser support is ~90%. (Plus IMHO SVGs, single-file or complied into a sprite sheet, are superior for 'web' than PNGs & icon fonts.
I think it wold be rare to need all resolutions of PNGs & SVGs, so would be better to further break down the file groups? eg:

  • material-design-icons-png-ios-24dp
  • material-design-icons-png-web-xxxhdpi
  • material-design-icons-svg-48px

from material-design-icons.

sondreb avatar sondreb commented on May 3, 2024

It's not just file size that is a problem, there are 72 380 files within the component folder. It would be very useful to be able to only get production SVG for instance.

from material-design-icons.

brutto avatar brutto commented on May 3, 2024

+1

from material-design-icons.

Roconda avatar Roconda commented on May 3, 2024

+1

from material-design-icons.

FezVrasta avatar FezVrasta commented on May 3, 2024

+1 please

from material-design-icons.

FezVrasta avatar FezVrasta commented on May 3, 2024

I've forked this repo and edited bower.json to include only .svg

https://github.com/FezVrasta/material-design-icons-svg

till Google decides to fix this issue feel free to use this one.

from material-design-icons.

addyosmani avatar addyosmani commented on May 3, 2024

@jestelle In the new year let's look at how we can break the repo up into smaller pieces that are easier to consume specific formats from. If we can do this in a way that works really well with your scripts too, that would be a win.

from material-design-icons.

tomByrer avatar tomByrer commented on May 3, 2024

let's look at how we can break the repo up into smaller pieces

That's a good idea. Perhaps put all 'material design' into an GitHub Organization? Might make it easier for cross-discovery.

from material-design-icons.

FezVrasta avatar FezVrasta commented on May 3, 2024

any news?

from material-design-icons.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.