# Ionicons

Ionicons 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/ionicons/css/ionicons.min.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="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

flatpickr

# 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

Last Updated: 11/15/2024, 11:55:56 AM