Style 1
<div class="social-icon">
<ul class="mb-0 d-inline-block list-unstyled">
<li class="d-inline-block me-2"><a href="#!"><i class="ti-facebook"></i></a></li>
<li class="d-inline-block me-2"><a href="#!"><i class="ti-twitter-alt"></i></a></li>
<li class="d-inline-block me-2"><a href="#!"><i class="ti-youtube"></i></a></li>
<li class="d-inline-block"><a href="#!"><i class="ti-linkedin"></i></a></li>
</ul>
</div>
Style 2
<ul class="social-icon-style1 mb-0 d-inline-block list-unstyled">
<li class="d-inline-block me-2"><a href="#!"><i class="fab fa-facebook-f"></i></a></li>
<li class="d-inline-block me-2"><a href="#!"><i class="fab fa-twitter"></i></a></li>
<li class="d-inline-block me-2"><a href="#!"><i class="fab fa-youtube"></i></a></li>
<li class="d-inline-block"><a href="#!"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
Style 3
<ul class="list-unstyled mb-0">
<li class="d-inline-block me-3"><a href="#!" class="text-primary"><i class="ti-facebook"></i></a></li>
<li class="d-inline-block me-3"><a href="#!" class="text-primary"><i class="ti-twitter-alt"></i></a></li>
<li class="d-inline-block me-3"><a href="#!" class="text-primary"><i class="ti-instagram"></i></a></li>
<li class="d-inline-block me-3"><a href="#!" class="text-primary"><i class="ti-linkedin"></i></a></li>
<li class="d-inline-block"><a href="#!" class="text-primary"><i class="ti-dribbble"></i></a></li>
</ul>