templarian/materialdesign-font

Distribution Repo for the TTF font

Material Design Icons Desktop TTF

The "Material Design Icons Desktop" font is built real time as changes are made by the community. If you do not see an icon simply install the latest font file.

Note: This font does not conflict with the webfont "Material Design Icons".

Cheatsheet

Download the cheatsheet.html above which allows one click copy of the font character, SVG path, codepoint or icon name which can be pasted.

Font vs Webfont

The Webfont is created for use by web developers to display the icons in a browser such as Chrome. This font is called "Material Design Icons". Different websites expect different versions of the webfont, so installing it locally will cause numerous conflicts as many websites use the webfont.

The font in this repo was made to be be installed in your OS. This is useful for print, UX software, or software where SVG is not supported.

Troubleshooting

Install the latest font listed in this repo.

Related

• MaterialDesignIcons.com - Website
• MaterialDesign Repo - Main Icon Repo
• MaterialDesign-Webfont Repo - Webfont Distribution NPM @mdi/font
• MaterialDesign-SVG Repo - SVG Distribution NPM @mdi/svg
• MaterialDesign-JS Repo - TypeScript / JS Distribution @mdi/js

materialdesign-font's Issues

Is Repo aligned to Master?

I'm downloading https://raw.githubusercontent.com/Templarian/MaterialDesign/master/meta.json definition with 6628 icons, but this font (cheatsheet.html) contains only 6624 icons: is not yet aligned with master repository?
Thanks.

Is this still working?

Hi, is this still working? When installing the ttf file on windows i only get an empty font file.

Icon version update?

icon version: 6.8.96
available icon version: 7.4.47

Is it possible to use latest icon version for the webfont?

cellphone-phone and cellphone-android replaced with tray-arrow-down and tray-arrow-up

For some reason, the glyphs for tray-arrow-up and tray-arrow-down are in the place of the mdi-cellphone-iphone and mdi-cellphone-android respectively.

on Cheatsheet:
mdi-cellphone-android -> F011D
mdi-cellphone-iphone -> F0120

In Font (screenshots of font open in Glyph mini app):

In other words, copying the iPhone glyph from the cheatsheet, pasting into a document using the material design icons desktop font shows the tray arrow down glyph. I confirmed that I am using the most current version of the font file.

How to download the TTF?

I see that nothing has been released. Would you tell me from where can I obtain the TTF?

Please update repo!

Please update this repo (cheatsheet.html and MaterialDesignIconsDesktop.ttf) because many Delphi developers uses my components (https://github.com/EtheaDev/IconFontsImageList) with this font.
Thanks a lot!

Doesn't seem to work

I installed this on windows 10, but it doesn't seem to work when i try it in photoshop? Am i missing something?

Add an extra JSON cheatsheet

Would it be possible to add a cheatsheet.json file containing a name to hex code map / object? I would guess, it doesn't need to contain the actual SVG payload (in contrast to the current cheatsheet.html).

If it would be all the same to you, it would also be interesting having header-files for programming languages (c++, c, c# ... as it is provided for other fonts by IconFontCppHeaders who's script isn't compatible with MDI anymore).

never mind closing the issue if either ideas are out of scope.

Newer versions of font don't play well with WPF.

I'm not quite sure what changed, If I have time ill go through some historical versions to see if I can find the change that broke it. What I can say for certain though, is that If this font is included anywhere in a WPF project it takes 12.5s for Windows to load it from system fonts. I did not try to load the font in as its own resource however, and that may fix the problem. That being said, I downloaded an older commit from back in August 2020 and it worked just fine. 255ms instead of 12,500.

This was very reproducible All I had to do was create a WPF window in code that used a XAML file which depends on this font. As I know this is not a WPF git I'm sure this issue will basically be useless to you, but I'm putting it here in hopes that it helps someone else. Older versions of this font work in WPF, newer ones seem to take upwards of 12-15 seconds to load in, causing large application hangs.

OTF variant?

I have a project that has bugs with .ttf fonts, but can process OTF fonts just fine. Can we get a OTF variant of this lovely icon set?

Glyph broken

The glyph F1522 contains a wrong / spurious line.

This is, I assume, a mistake. I guess the line will not be rendered in font contexts, but counts into monospace determination of the whole font.

Came up here: ryanoasis/nerd-fonts#773

Font is not picked up by Xorg

Hello.
The font is not get recognized by xorg server.
Usually Xorg creates an index of scalable font files by running mkfontscale and mkfontdir.
mkfontscale reads all of the scalable font files in the directory. For every font file found, an X11 font name is generated, and is written together with the file name to a file fonts.scale in the directory. mkfontdir writes to
fonts.dir file.
In my case nothing is being written and so the font is not get recognized by xorg server.

ll
total 1008K
-rw-r--r-- 1 x users 1005K мар 5 20:55 MaterialDesignIconsDesktop.ttf
mkfontscale
mkfontdir
ll
total 1016K
-rw-r--r-- 1 x users 1005K мар 5 20:55 MaterialDesignIconsDesktop.ttf
-rw-r--r-- 1 x users 2 мар 5 21:01 fonts.dir
-rw-r--r-- 1 x users 2 мар 5 21:01 fonts.scale
cat fonts.*
0
0

The old version of the MaterialDesign-Webfont file 4.9.95 works as expected and is recognized by xorg server:

cat fonts.dir
57
...
materialdesignicons-webfont.ttf -misc-material design icons-medium-r-normal--0-0-0-0-p-0-iso10646-1
cat fonts.scale
57
...
materialdesignicons-webfont.ttf -misc-material design icons-medium-r-normal--0-0-0-0-p-0-iso10646-1

Does this font support name ligatures, showing as icons?

I use Figma on macOS, I've installed the font, it works if I insert the Unicode character.
But if I insert the name string, like "ab-testing", it doesn't show an icon instead.
I assume it should work like that, but maybe it's not supposed to.