Top

Icons


You have to add the following style and add font-awesome folder in your fonts folder
<!-- font awesome css -->
  @import '~font-awesome/css/font-awesome.min.css';
<!-- 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>
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>
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>
You have to add the following style and add feather folder in your fonts folder
npm i react-feather
<!-- some icon display for demo -->
  import { Heart, Camera } from "react-feather";
  
  <Heart color="red" size={48}/>
  <Camera color="green" size={28}/>
  <Search size={38}/>
  

Remove package from project

npm uninstall react-feather