Please Share On:

Bootstrap check square fill

Category: Alerts, Warnings and Signs

check-square-fill

Icon Font:

<i class="bi bi-check-square-fill"></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-square-fill"></i>
</body>
</html>

Examples:

Check square fill 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-square-fill"> Check square fill icon</i>
     </div>
     </tr>
    <br>
    
    <tr>
     <div> 
       <a href="" ><i class="bi bi-check-square-fill"></i></a> Check square fill 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-square-fill"></i>
      Check square fill icon on a button link   
      </button>
      </a>     
     </div> 
    </tr>
    <br>
    
    <tr>
     <div>
       <form>  
        <span><i class="bi bi-check-square-fill"></i></span>     
        <input type="text" name="check" placeholder="Input Group Example"><br>
        </form> 
    </div>
    </tr>
  </table>
  </body>
</html>

Practice:

Try it yourself

You may be interested in the following topics:

Post Views: 1,020

Bootstrap check square fill

Bootstrap check square fill

Icon Font:

Syntax:

Examples:

Source Code:

Practice:

Leave a Reply Cancel reply

Copyright @2023. All Right Reserved.