Top

Popular Search:

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 scss -->
 @import "./vendors/flag-icon.scss";
<!-- 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 scss -->
 @import "./vendors/font-awesome.scss";
<!-- 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 scss -->
@import "./vendors/icofont.scss";
<!-- 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/boho/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 scss -->
 @import "./vendors/themify.scss";
<!-- 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
npm i vue-feather
In your main.ts file all the following code: 
import VueFeather from "vue-feather";
.component(VueFeather.name, VueFeather)

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