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