Bootstrap check circle

Please Share On:

Bootstrap check circle

Category: Alerts, Warnings and Signs
check-circle

Icon Font:

<i class="bi bi-check-circle"></i>

Syntax:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
</head>
<body>
    <i class="bi bi-check-circle"></i>
</body>
</html>


Examples:

Check circle icon

Check circle icon as a link



Source Code:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
 </head>
  
<body>
  <table>   
    <tr>
     <div> 
       <i class="bi bi-check-circle"> Check circle icon</i>
     </div>
     </tr>
    <br>
    
    <tr>
     <div> 
       <a href="" ><i class="bi bi-check-circle"></i></a> Check circle icon as a link
     </div>
    </tr>
    <br>
  
    <tr>
     <div>
      <a href="">   
      <button style="background-color: green; border: none; border-radius: 5px; color: #fff; padding: 15px 32px">
      <i class="bi bi-check-circle"></i>
      Check circle icon on a button link   
      </button>
      </a>     
     </div> 
    </tr>
    <br>
    
    <tr>
     <div>
       <form>  
        <span><i class="bi bi-check-circle"></i></span>     
        <input type="text" name="check" placeholder="Input Group Example"><br>
        </form> 
    </div>
    </tr>
   </table>
</body>   
</html>

Practice:




You may be interested in the following topics:


Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright @2023. All Right Reserved.


Social media & sharing icons powered by UltimatelySocial