After you get up and running, you can place MDL2 icons just about anywhere with the <i> tag:
<i class="mdl2 mdl2-heart-broken-zero-width-legacy" aria-hidden="true"></i>Note: to improve web accessibility, we recommend using aria-hidden="true" to hide icons used purely for decoration.