Elements
Social Icons
Style 1
<div class="social-icon">
<ul class="social-icons-style1">
<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="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>