<button class="mdi mdi-home">Home</button>
<div class="mdi-set">
  <span class="mdi-star"></span>
  <span class="mdi-star"></span>
  <span class="mdi-star"></span>
  <span class="mdi-star-half"></span>
  <span class="mdi-star-outline"></span>
</div>
button.mdi:before {
  vertical-align: -15%;
  margin-right: 3px;
}

External CSS

  1. https://cdn.materialdesignicons.com/1.7.12/css/materialdesignicons.css

External JavaScript

This Pen doesn't use any external JavaScript resources.