lms-app/src/app/tabs/tabs.component.html

<section class="tabs">
    <button>
        <svg-icon [applyClass]="true" class="icon" src="assets/custom-icons/home.svg"></svg-icon>
        <span> Home </span>
    </button>
    <button>
        <svg-icon [applyClass]="true" class="icon" src="assets/custom-icons/mortarboard.svg"></svg-icon>
        <span> Courses </span>
    </button>
    <button class="mid-button">
        <svg-icon [applyClass]="true" class="icon" src="assets/custom-icons/book.svg"></svg-icon>
    </button>
    <button>
        <svg-icon [applyClass]="true" class="icon" src="assets/custom-icons/newspaper.svg"></svg-icon>
        <span> Reports </span>
    </button>
    <button>
        <svg-icon [applyClass]="true" class="icon" src="assets/custom-icons/more.svg"></svg-icon>
        <span> More </span>
    </button>
</section>