CSS Black Social Media Icons

CSS Black Social Media Icons

HTML
<div class="social-circle-btn">
  <div class="btn instagram">
    <i class="fab fa-instagram"></i>
  </div> 
</div>
CSS
.social-circle-btn .btn{ 
    height: 80px;
    width: 80px;  
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    background: #2d2a2a; 
    font-size: 30px;
}
Black Social Media Icon
<div class="social-round-btn">
  <div class="btn facebook">
    <i class="fab fa-facebook-f"></i>
  </div>
</div>
.social-round-btn{ 
    height: 80px;
    width: 80px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2d2a2a; 
    color: #FFF;
    font-size: 30px;
}
Black Social Media Icon
534 Views
54880cookie-checkCSS Black Social Media Icons

Leave a Reply

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