button.html

  <div class="button-collection">
    <button class="btn btn-icon"><span class="material-icons-round">save_as</span>Edit</button>
    <button class="btn btn-sucess btn-icon"><span class="material-icons-round"> book </span>Save</button>
    <button class="btn btn-warning btn-icon"><span class="material-icons-round">delete_forever</span>Delete</button>
</div>
<h3>Outline Button</h3>
<div class="button-collection">
    <button class="btn btn-outline btn-icon"><span class="material-icons-round">save_as</span>Edit</button></button>
    <button class="btn btn-outline-sucess btn-icon"><span class="material-icons-round">book</span>Save</button>
    <button class="btn btn-outline-warning btn-icon"><span class="material-icons-round">delete_sweep</span>Remove</button>
</div>
<h3>Icon Button</h3>
<div class="button-collection">
    <button class="btn btn-outline btn-icon"><span class="material-icons-round">pin_drop </span></button>

    <button class="btn btn-outline btn-icon btn-round"><span class="material-icons-round">expand_less</span></button>
    <button class="btn btn-outline btn-icon btn-round"><span class="material-icons-round">close</span></button>

</div>   
<h3>Link Button</h3>

<button class="btn btn-link">Help?</button>

<h3>Button size</h3>
<div class="button-collection">
    <button class="btn btn-lg">Button large</button>
    <button class="btn btn-sm">Button small</button>
</div>