Simple line Icons

Simple line Icons the premium icon font for Ionic Framework and web apps everywhere.

please refer Ionicons documentation (opens new window) to learn more about plugin

How to use

Step 1

include following css code in the page you want to use inside @section('header_styles') section

 <link rel="stylesheet" href="{{ asset('vendors/simple-line-icons/css/simple-line-icons.css') }}"/>

Step 2

write HTML markup for it.

ex:

<li class="list-inline-item  clr m-4" data-toggle="tooltip" data-original-title="ion-md-airplane">
     <div class="iconview m-3 d-flex justify-content-center">
           <i class=".align-self-center fa-2x ion ion-md-airplane"></i>
      </div>
 </li>

Step 3

If u want icons u can search in font icons page. If u hover icon u can get the class name.

Output

more examples

We have added many more examples and customization.

you can find code in following pages

resources/views/admin/icon.blade.php

Used In

resources/views/admin/icon.blade.php