Style 1
<div class="social-icon">
<ul class="social-icon-style2 ps-0">
<li class="me-1"><a href="#!"><i class="fab fa-facebook-f"></i></a></li>
<li class="me-1"><a href="#!"><i class="fab fa-twitter"></i></a></li>
<li class="me-1"><a href="#!"><i class="fab fa-instagram"></i></a></li>
<li class="me-0"><a href="#!"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
Style 2
<ul class="list-unstyled mb-0">
<li class="d-inline-block me-3"><a href="#!" class="text-primary text-secondary-hover"><i class="ti-facebook"></i></a></li>
<li class="d-inline-block me-3"><a href="#!" class="text-primary text-secondary-hover"><i class="ti-twitter-alt"></i></a></li>
<li class="d-inline-block me-3"><a href="#!" class="text-primary text-secondary-hover"><i class="ti-instagram"></i></a></li>
<li class="d-inline-block me-3"><a href="#!" class="text-primary text-secondary-hover"><i class="ti-linkedin"></i></a></li>
<li class="d-inline-block"><a href="#!" class="text-primary text-secondary-hover"><i class="ti-dribbble"></i></a></li>
</ul>
For all your construction needs!
