react-icons/fa icons not showing up in ReactNavbar

Question

I am trying to import some icons from react-icons package and use it in the ReactNavbar but the icon is not showing up.

Please help me to get the icon show up!!

import React from 'react'
import {ReactNavbar} from "overlay-navbar"
import logo from "../../images/logo.png"
import {FaUserAlt} from "react-icons/fa"
const Header = () => {
    return <ReactNavbar
        navColor1='white'
        navColor2="hsl(219,48%,8%)"
        burgerColor="hsl(250,100%,75%)"
        burgerColorHover="hsl(250,100%,75%)"
        logo={logo}
        logoWidth="250px"
        logoColorHover="hsl(250,100%,75%)"
        nav2justifyContent="space-around"
        nav3justifyContent="space-around"
        link1Text="Home"
        link2Text="About"
        link3Text="Projects"
        link4Text="Contact"
        link1Url="/"
        link2Url="/about"
        link3Url="/projects"
        link4Url="/contact"
        link1ColorHover="white"
        link1Color="HSL(250,100%,75%)"
        link1Size="1.5rem"
        link1Padding="3vmax"
        profileIcon={true}
        profileIconElement={<FaUserAlt/>}
    />
}

export default Header