How to include icon font Material Design Icons locally?

Question

css

Good evening, colleagues!
There is such an icon font - Material Design Icons ( https://material.io/icons/ ). I downloaded it as a single ttf file.
Added in CSS:

@font-face {
    font-family : 'MaterialIcons';
    src         : url('/fonts/MaterialIcons-Regular.ttf');
    src         : url('/fonts/MaterialIcons-Regular.ttf')
    format('woff'), url('/fonts/MaterialIcons-Regular.ttf') format('truetype');
    font-weight : normal;
    font-style  : normal;
}

1) How to connect it (locally) so that you can assign its icons to divs like this -

.div-button-download:before {
  font-family: 'Material Icons';
  content: "\f006";
}

2) And where can I find out the meanings of these very codes corresponding to the desired icon, like
"\f006";
?
Thanks in advance for your replies!

Answer 1

Not that is loaded, the font consists of not only one *.ttf file.
Or download everything to yourself,
or take the link
Read more google.github.io/material-design-icons/#icon-font-...

Answer 2

To connect locally:
1) Download archive link in github .
2) Extract the "iconfont" folder and put it in the project (684 KB).
3) Connect. For example via HTML:
4) Select and add icon in HTML:
5) Style:

.material-icons {
    color: #ffffff; 
    font-size: 24px;
}

Answer 3

<link href="https://cdn.materialdesignicons.com/3.8.95/css/materialdesignicons.min.css"
          rel="stylesheet">

Instead of 3.8.95 put the desired version

Answer 4

https://materialdesignicons.com/cdn/2.0.46/
here is a complete list of these icons