Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Documentation] List of all Material Symbols #1677

Open
Eirmas opened this issue Feb 9, 2024 · 7 comments
Open

[Documentation] List of all Material Symbols #1677

Eirmas opened this issue Feb 9, 2024 · 7 comments

Comments

@Eirmas
Copy link

Eirmas commented Feb 9, 2024

Does there exist a list of all available material symbols in JSON format or similar?
Would be nice if it included both the human readable name and the value name

@tphinney
Copy link
Collaborator

What do you mean by “value name”?

There is the internal glyph name, which cannot have spaces, and for whatever reasons is not capitalized. For display purposes that is sometimes shown with underscores converted to spaces, and capitalizing the first letter of each word. I might call that a “display name.” Is that what you mean?

There is also the Unicode codepoint, which is a hexadecimal value, but not a name.

Things are complicated in that one icon can support multiple names (via ligature code, although generally only one is the “true” name) and multiple codepoints (by having more than one, directly).

@Eirmas
Copy link
Author

Eirmas commented Feb 11, 2024

What do you mean by “value name”?

There is the internal glyph name, which cannot have spaces, and for whatever reasons is not capitalized. For display purposes that is sometimes shown with underscores converted to spaces, and capitalizing the first letter of each word. I might call that a “display name.” Is that what you mean?

There is also the Unicode codepoint, which is a hexadecimal value, but not a name.

Things are complicated in that one icon can support multiple names (via ligature code, although generally only one is the “true” name) and multiple codepoints (by having more than one, directly).

Sorry for the confusion. The list of names I'm looking for are the glyph names such as "expand_more" or "arrow_right_alt".

@tphinney
Copy link
Collaborator

Gotcha.

I would add that the other key piece of data is the Unicode codepoint, e.g. U+E8FF for ”zoom_in“

@Eirmas
Copy link
Author

Eirmas commented Feb 12, 2024

I found a list of the material symbols. It could be out of date but I'll attach it here if anyone else is looking for it
material-symbols.json

@tphinney
Copy link
Collaborator

Where is that file in the directory structure here? Like in what Github folder?

It looks to have about 2/3 of the icons, so I guess it must be from 2022 or thereabouts.

@Eirmas
Copy link
Author

Eirmas commented Feb 13, 2024

I found the list by searching through sources the material symbol website
It was in one of the files from https://gstatic.com/

I removed icons ending with "_sharp", "_rounded" and "_outlined" as they are not relevant for my usecase. Thats why it might appear like some of the icons are missing.

@inwardmovement
Copy link

@Eirmas you can have a look at my comment here where I wrote a script to generate the icons names.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants