Multi-word icon names not well documented

[max]

Perhaps I'm not doing this right but multi-word icons (e.g. arrow drop down) don't seem to render. Here is a JSBin example:

http://jsbin.com/boleno/edit?html,css,output

See how single word icons like face work but arrow drop down doesn't.

[max]

Oh, it looks like arrow_drop_down works. Is this explained in the docs somewhere? If not I'm happy to add a disclaimer.

[shyndman]

You're right. It doesn't look like the documentation mentions this, and it probably should.

If you take a look at a specific icon on google.com/design/icons, you'll notice the "icon font" button on the bottom drawer. When clicked, the ligature and codepoint for the selected icon will be displayed.

[shyndman]

Now tracking in #184 under a new name. Closing this issue.

[Aratillo]

Oh, it looks like arrow_drop_down works. Is this explained in the docs somewhere? If not I'm happy to add a disclaimer.

I know it's been 7 years but that post there really helped me out thank you!

[tphinney]

It is explained a bit, although it could be even better. The example in https://developers.google.com/fonts/docs/material_symbols#using_material_symbols uses “arrow_forward” in the code example. It does not literally say ”replace every space in the character name with an underscore, to get the actual glyph name to use in code” however. I have just logged this suggestion, with my strong support.

[Retroguru]

Issue still exists. Also commented it in #184