Material-ui: SVG material icon

[oliviertassinari]

It's not clear in the documentation that all icons of http://google.github.io/material-design-icons/ are availabled as SVG react component.
I believe we should improve the doc.

[metalmatze]

I'd rather use the icon font. :wink: But it's my opinion.

[oliviertassinari]

Yep, it depends on the use case.
For me, SVG is supported, and I don't want to load a massive font, when I'm only using 10% of the available icons.

[owencm]

It's maybe worth noting that using SVG for icons will cause Chrome not to use Ganesh (Chrome's GPU accelerated compositing), so using an icon font containing only the icons you need is best for perf.

[oliviertassinari]

@owencm Good to know! We have a better computation speed with font with Chrome.

What about the network and memory impact.
Let's say I want to minimize the first rendering time of a page. I have 3 icons to render on my screen.
What's best between, using a font with those 3 icons or or using 3 svg react icon components?

[oliviertassinari]

also linked to #1459

[oliviertassinari]

The SVG documentation is now far better thanks to https://github.com/callemall/material-ui/pull/2695 @Zadielerick.

For convenience, the full set of google Material icons are available in Material-UI as pre-built SVG Icon components.

http://www.material-ui.com/#/components/svg-icon

[mbrookes]

:

https://github.com/callemall/material-ui/blame/master/docs/src/app/components/pages/components/SvgIcon/README.md

:smile:

[oliviertassinari]

Thanks @mbrookes for the new wordings too :rocket:!