Tutorialsplane

Ionic Add Icon in Side Menu


Ionic Add Icon in Side Menu : Menus are main navigation system in any application. Side menu bar contains the navigation links with meaningful icons. Here in this tutorial we are going to explain how you can create ionic side bar with beautiful icons. We will explain this will example and demo.


Ionic Add Icon in Side Menu

You can add side menu icons simply as below –

Ionic Add Icon in Side Menu: Sidebar Icons Example

<ion-side-menu>
	<div class="menu-wrapper ">
	     <ul class="list">
		   <li class="item ion-home"> Home</li>
		   <li class="item ion-university"> Profile</li>
		   <li class="item ion-ios-book"> My Posts</li>
		   <li class="item ion-search"> Search</li>
		   <li class="item ion-log-out"> Logout</li>
		</ul>
	   </div>
	</ion-side-menu>

Try it »

In the above example respective icons are added in the left side bar of ionic framework.

If you run the above example it will produce the output something like this –

Ionic FAQ