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 -->
import "~flag-icons/css/flag-icons.min.css"<!-- 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 -->
import "font-awesome/scss/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 css -->
import "/public/assets/scss/icoicon/_icons.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>Themify Offical link Preview link
You have to add the following style and add themify folder in your fonts folder
<!-- themify icon css -->
import "../public/assets/scss/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
<!-- feather icon css -->
npm i react-feather<!-- some icon display for demo -->
import { Heart, Camera } from "react-feather";
<Heart color="red" size={48}></i>
<Camera color="green" size={28}></i>
<Search size={38}></i>