search

google / material-design-icons

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

Multi-word icon names not well documented #177

Open max opened 9 years ago

max commented 9 years ago

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 commented 9 years ago

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 commented 9 years ago

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 commented 9 years ago

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

Aratillo commented 2 years ago

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 commented 2 years ago

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 commented 1 year ago

Issue still exists. Also commented it in #184