Html icon not showing in chrome

I already link a font awesome cdn link in head but I can’t find icon.

Someone help me I want menu icon to do responsive website.
What should I do? I also open in Firefox. Icon also not showing there. And also Microsoft Edge.
When I open devtool and find my tag as in the picture.icon not showing I do nothing in css.

<nav>
    <div class="container navbar">
        <a href="#" class="logo">Portfolio</a>

        <div class="nav-div">
                <i class="fa-solid fa-bars"></i>
        </div>
        <input type="checkbox" id="menu">
        <ul class="active">
            <li><a href="#home">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#features">Features</a></li>
            <li><a href="#works">Works</a></li>
            <li><a href="#resume">Skill</a></li>
            <li><a href="#service">Service</a></li>
            <li><a href="#" class="btn">Hire Me</a></li>
        </ul>
    </div>
</nav>