How to import Material UI icons

[Lucas Bento]

How do I import Material UI icons from the npm package?

Material UI syntax is import MoreVertIcon from 'material-ui/svg-icons/navigation/more-vert'; which does not work on webpack-bin, is there another way for it?

Thank you.

[Raphaël Morineau]

Interested in answer, i got same error as well ...

[Lucas Bento]

@Sharlaan: I'm currently using only material icons with <FontIcon /> component, working fine. :)

[Raphaël Morineau]

Can you elaborate with some code example please ?

I usually don't use css at all (CSSinJS), so not sure if this needs to use some css classes + url (and which url ?) ?

[Lucas Bento]

@Sharlaan: something like this: http://www.webpackbin.com/4ki4undA-

[Raphaël Morineau]

Thanks deeply for the Code Example and fast answers :)
It works

Just a warning, if material icon 's name has a '-', replace it with underscore '_' like this:

const DropDownArrow = <FontIcon className='material-icons'>arrow_drop_down</FontIcon>

[Chaitanya Mukka]

@lucasbento Hey the link you put up seems to be broken. Do you still have the code to share?

[Narita]

The link is broken.