angutron/src/app/app-menu/app-menu.component.html

<div class="menu" [class.reducted]="reducted">
  <div style="height: 48px; background-color: rgba(0,0,0,0.3);"></div>
  <svg (click)="reducted = !reducted" x="0px" y="0px" viewBox="0 0 20 12.5" style="position: absolute; padding: 8px 10px; top: 7px; left: 4px; width: 20px; height: 20px;">
    <path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M0,12.5h20V11H0V12.5z M0,7h20V5.5H0V7z M0,0v1.5h20V0H0z"></path>
  </svg>
  <a [routerLink]="['/home']" [queryParams]="{ title : 'Welcome' }" routerLinkActive="selected">
    <span>
      <i>
        <svg x="0px" y="0px" width="10px" height="16px" viewBox="0 0 10 16">
          <path fill="#ffffff" d="M5,0C2.3,0,0,2.3,0,5c0,2,2,5.9,3.7,8.8c0.6,1.1,1.1,1.8,1.1,1.8L5,16l0.2-0.4c0,0,0.5-0.7,1.1-1.8 C8,10.9,10,7.1,10,5C10,2.3,7.8,0,5,0z M5.8,13.5c-0.3,0.5-0.6,1-0.8,1.3c-0.2-0.3-0.5-0.8-0.8-1.3C2.9,11.1,0.6,7.1,0.6,5 c0-2.4,2-4.4,4.4-4.4s4.4,2,4.4,4.4C9.4,7.1,7.1,11.1,5.8,13.5z"></path>
          <path fill="#ffffff" d="M5,1.9C3.3,1.9,1.9,3.3,1.9,5S3.3,8.2,5,8.2S8.2,6.7,8.2,5S6.7,1.9,5,1.9z M5,7.5C3.6,7.5,2.5,6.4,2.5,5 S3.6,2.5,5,2.5S7.5,3.6,7.5,5S6.4,7.5,5,7.5z"></path>
        </svg>
      </i>
      <span *ngIf="!reducted">Welcome</span>
    </span>
  </a>
  <a [routerLink]="['/about']" [queryParams]="{ title: 'About' }" routerLinkActive="selected">
    <span>
      <i>
        <svg x="0px" y="0px" width="10px" height="16px" viewBox="0 0 10 16">
          <path fill="#ffffff" d="M5,0C2.3,0,0,2.3,0,5c0,2,2,5.9,3.7,8.8c0.6,1.1,1.1,1.8,1.1,1.8L5,16l0.2-0.4c0,0,0.5-0.7,1.1-1.8 C8,10.9,10,7.1,10,5C10,2.3,7.8,0,5,0z M5.8,13.5c-0.3,0.5-0.6,1-0.8,1.3c-0.2-0.3-0.5-0.8-0.8-1.3C2.9,11.1,0.6,7.1,0.6,5 c0-2.4,2-4.4,4.4-4.4s4.4,2,4.4,4.4C9.4,7.1,7.1,11.1,5.8,13.5z"></path>
          <path fill="#ffffff" d="M5,1.9C3.3,1.9,1.9,3.3,1.9,5S3.3,8.2,5,8.2S8.2,6.7,8.2,5S6.7,1.9,5,1.9z M5,7.5C3.6,7.5,2.5,6.4,2.5,5 S3.6,2.5,5,2.5S7.5,3.6,7.5,5S6.4,7.5,5,7.5z"></path>
        </svg>
      </i>
    <span *ngIf="!reducted">About</span>
    </span>
  </a>
</div>