diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index ceca7eb..cb040d7 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -29,13 +29,13 @@ export class MyApp {
 
     // used for an example of ngFor and navigation
     this.pages = [
-      { title: 'Timeline', component: StreamPage, params: {stream: 'personal'} },
-      { title: 'Mentions', component: StreamPage, params: {stream: 'mentions'} },
-      { title: 'Global', component: StreamPage, params: {stream: 'global'} },
-      { title: 'Bookmarks', component: StreamPage, params: {stream: 'bookmarks'} },
-      { title: 'Settings', component: SettingsPage, params: {}},
-      { title: 'About', component: AboutPage, params: {}},
-      { title: 'Logout', component: {}, params: {}},
+      { title: 'Timeline', icon: 'home', component: StreamPage, params: {stream: 'personal'} },
+      { title: 'Mentions', icon: 'at', component: StreamPage, params: {stream: 'mentions'} },
+      { title: 'Global', icon: 'globe', component: StreamPage, params: {stream: 'global'} },
+      { title: 'Bookmarks', icon: 'bookmarks', component: StreamPage, params: {stream: 'bookmarks'} },
+      { title: 'Settings', icon: 'settings', component: SettingsPage, params: {}},
+      { title: 'About', icon: 'information-circle', component: AboutPage, params: {}},
+      { title: 'Logout', icon: 'exit', component: {}, params: {}},
     ];
 
   }
diff --git a/src/app/app.html b/src/app/app.html
index b606f7c..8025640 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -8,7 +8,8 @@
   <ion-content>
     <ion-list>
       <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
-        {{p.title}}
+        <ion-icon name="{{p.icon}}"></ion-icon>
+        <span class="menuText">{{p.title}}</span>
       </button>
     </ion-list>
   </ion-content>
@@ -16,4 +17,4 @@
 </ion-menu>
 
 <!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
-<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
\ No newline at end of file
+<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
diff --git a/src/app/app.scss b/src/app/app.scss
index a967d6f..0f2d693 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -14,3 +14,8 @@
 // To declare rules for a specific mode, create a child rule
 // for the .md, .ios, or .wp mode classes. The mode class is
 // automatically applied to the <body> element in the app.
+
+.menuText {
+  left: 45px;
+  position: absolute;
+}
