CODEWITHSUNDEEP
htmlcss
Shubham kumar
Shubham kumar

Reputation: 1

why icons are not showing?

 <div class="bottom">
    <input type="range" name="range" id="myprogressbar" min="0" max="100">
    <div class="icons">
        <!-- fontawsome icons -->
       <i class="fas fa-2x fa-step-backward"></i>
       <i class="far fa-3x fa-play-circle"></i>
       <i class="fas fa-2x fa-step-circle"></i>
    </div>
   </div>

 <div class="bottom">
    <input type="range" name="range" id="myprogressbar" min="0" max="100">
    <div class="icons">
        <!-- fontawsome icons -->
       <i class="fas fa-2x fa-step-backward"></i>
       <i class="far fa-3x fa-play-circle"></i>
       <i class="fas fa-2x fa-step-circle"></i>
    </div>
   </div>

After adding this in html I didn't get my icons on web page. I can't see icons on web page, while i have to add link of font awesome web in css or html file

Upvotes: 0

Views: 64

Answers (1)

SioGabx
SioGabx

Reputation: 706

Check your link for the font awesome library. Also, the fa-step-circle icon doesnt exist, i think you want fa-step-forward instead

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" rel="stylesheet"/>
<div class="bottom">
    <input type="range" name="range" id="myprogressbar" min="0" max="100">
    <div class="icons">
        <!-- fontawsome icons -->
       <i class="fas fa-2x fa-step-backward"></i>
       <i class="far fa-3x fa-play-circle"></i>
       <i class="fas fa-2x fa-step-forward"></i>
    </div>
</div>

Upvotes: 2

Related Questions