Font Aweosme Facebook Square : Fab Fa Facebook Square, Fa Brands Fa Facebook Square

<!DOCTYPE html>
<html>

<body>
 <div class="container">
 <h1>Font Awesome Facebook Square HTML|CSS (Fa Brands fa-facebook-square) </h1>
 Facebook Sqaure icon with button:
 <a class="facebook-square-button" href="#"> Follow us on
 Facebook</a>
 
 Default Size: 
 Size 2xs: 
 Size xs : 
 Size sm :
 Size lg : 
 Size xl : 
 Size 2xl : 
 </div>
 <style>
 /* Style for the Google Play button */
 .facebook-square-button {
 background-color: #3b5998;
 /* Facebook blue */
 color: #fff;
 /* White text color */
 padding: 10px 15px;
 border: none;
 border-radius: 5px;
 cursor: pointer;
 font-size: 16px;
 text-decoration: none;
 }

.facebook-square-button i {
            margin-right: 5px;
        }

/* Add some hover effect */
        .facebook-square-button:hover {
           background-color: #32508e; /* Darker shade on hover */
        }

.container {
 margin: 0 auto;
 width: 600px;
 padding: 20px;
 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24);
 }
 </style>
</body>

</html>