You can download material icons directly from the this page
Icon using its textual name
This example uses a typographic feature called ligatures, which allows rendering of an icon glyph simply by using its textual name.
face
<i class="material-icons">face</i>
Icon using its numeric character references
For browsers that do not support ligatures, fall back to specifying the icons using numeric character references like the example below:
face
<i class="material-icons">&#xE87C;</i>