Workflow for searching/finding correct Material Design icon codes?

I was super stoked about Material Design font because it contains what seems like every character or icon in the world but the problem with that much information is inevitably filtering it down to what you need and searching the web for cheat sheets tend to, at least in my trials yield mostly incorrect icons.

It’s easy enough to render out a texture of these icons, and slowly search that for stuff that might be useful, but with so many pages to search and the likelihood for error or missing some, this seems like a really ineffective way to go.

Any ideas?

Here’s what I put together so far:
matDesignIconCHeatsheet.3.toe (26.3 KB)

What’s wrong with this cheatsheet?

̶h̶t̶t̶p̶s̶:̶/̶/̶p̶i̶c̶t̶o̶g̶r̶a̶m̶m̶e̶r̶s̶.̶g̶i̶t̶h̶u̶b̶.̶i̶o̶/̶@̶m̶d̶i̶/̶f̶o̶n̶t̶/̶5̶.̶4̶.̶5̶5̶/̶
edit: it should be this version:
https://pictogrammers.github.io/@mdi/font/5.3.45/

I also use the site that Idz references. Often doing a word search of that page gets me what I want. Sometimes I find something close to my icon, then do a search for the various words in that icon’s name.

Maybe I’m structuring my codes incorrectly?
Or perhaps the TD version I’m on doesn’t match 5.4.55? (2020.28110)?

Just out of the 4 I picked randomly none matched up. I pasted a little screen shot of what it’s supposed to be there in the top as well for reference.

Ah wait according to this paragraph on the derivative wiki: Adding Material Design Icons
the included version with TD is 5.3.45 and the cheatsheet is https://pictogrammers.github.io/@mdi/font/5.3.45/

I know this font library changes quite a bit between version numbers, so I guess that’s why you are seeing different ones.

I tried several ones and they all worked. Also as TD fully supports utf-8 these days you can just copy-paste the icon itself, instead of the hexcode!

1 Like

All of the codes in the screenshot are the same in 5.3.45, hmm - what do you mean, just copy paste the icon itself? from that cheat sheet page?

OH I see, left click on the icon itself in this cheat sheet and it copies the utf-8 instead… interesting.
Though no luck still seems to paste the equivalent of the hex code for me.

What’s an icon on here that you’ve used in the past that syncs up between Touch and the cheat sheet? Maybe I’ll check that on my end and see if there’s something specific to me going on.

Literally not one of these have worked for me

@lucasm perhaps you have another version of material design icon font already installed on your machine so the packed version with TD is not used?

If you figure out what’s going on, definitely post here. It all works for me.

@Ivan is there a good pythonic way to get the character code list for a given font? I’ve been kicking around the idea of making an icon selector… but I’d love a programmatic way to construct the list of those character codes. :slight_smile:

I haven’t really messed with Python font stuff, but this seems promising: fonttools · PyPI

Happy to collaborate if you come up with a plan. Seems like a good potential addition to widgets.