Simple line Icons

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

please refer Ionicons documentation 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