Top

Popular Search:

- Starter kit
- Element
- components
- forms
- tables

#### Icons

#### Flag Icons Offical link Preview link

##### You have to add the following style and add flag-icon folder in your fonts folder

    <!-- flag icon css -->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/flag-icon.css" ></link>

    <!-- some icon display for demo -->
    <i class="flag-icon flag-icon-in mx-1"></i>
    <i class="flag-icon flag-icon-ad mx-1"></i>
    <i class="flag-icon flag-icon-ae mx-1"></i>
    <i class="flag-icon flag-icon-af mx-1"></i>

#### Font awesome Offical link Preview link

##### You have to add the following style and add font-awesome folder in your fonts folder

    <!-- font awesome css -->
    <link rel="stylesheet" type="text/css" href="../assets/css/font-awesome.css" ></link>

    <!-- some icon display for demo -->
    <i class="fa fa-bluetooth mx-1"></i>
    <i class="fa fa-bitcoin mx-1"></i>
    <i class="fa fa-anchor mx-1"></i>
    <i class="fa fa-text-height mx-1"></i>

#### Ico icon Offical link Preview link

##### You have to add the following style and add ico folder in your fonts folder

    <!-- ico icon css -->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/icofont.css" ></link>

    <!-- some icon display for demo -->
    <i class="icofont icofont-bow mx-1"></i>
    <i class="icofont icofont-animal-dolphin mx-1"></i>
    <i class="icofont icofont-brand-apple mx-1"></i>
    <i class="icofont icofont-bank-alt mx-1"></i>

To use another types of ico icons you have to refer below template link

Preview Page: https://admin.pixelstrap.com/Mofi/theme/ico-icon.html

#### Themify Offical link Preview link

##### You have to add the following style and add themify folder in your fonts folder

    <!-- themify icon css -->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/themify.css" ></link>

    <!-- some icon display for demo -->
    <i class="icon-fullscreen mx-1"></i>
    <i class="icon-save-alt mx-1"></i>
    <i class="icon-volume mx-1"></i>
    <i class="icon-instagram mx-1"></i>

#### Feather icon Offical link Preview link

##### You have to add the following style and add feather folder in your fonts folder

    <!-- feather icon css -->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/feather-icon.css" ></link>

    <!-- some icon display for demo -->
    <i data-feather="activity" class="mx-1"></i>
    <i data-feather="image" class="mx-1"></i>
    <i data-feather="phone-forwarded" class="mx-1"></i>
    <i data-feather="wind" class="mx-1"></i>