R10daki gibi sosyal medya iconlarını nasıl ekleyebilirim?

Font awesome kullanarak yapılmış sanırım çok fazla kod bilgim yok o yüzden yazıyorum.
Çok basit bir şey de olabilir bilmiyorum o yüzden dalga geçmezseniz sevinirim
siteme tam olarak böyle şekilde nasıl sosyal medya hesaplarımı ekleyebilriim.
bir php kod ve css eklemem lazım sanırım yardımcı olur musunuz?

<div class="left socials"> <a rel="nofollow" href="https://www.instagram.com/r10net/" target="_blank" class="instagram" data-toggle="tooltip" title="" data-original-title="Instagram'da R10.net'i takip edin"><i class="fa fa-instagram"></i></a> <a rel="nofollow" href="https://t.me/r10webmaster" target="_blank" class="telegram" data-toggle="tooltip" title="" data-original-title="Telegram'da R10.net'i takip edin"><i class="fa fa-telegram"></i></a> <a rel="nofollow" href="https://www.facebook.com/googlefanforum/" target="_blank" class="facebook" data-toggle="tooltip" title="" data-original-title="Facebook'ta R10.net'i takip edin"><i class="fa fa-facebook"></i></a> <a rel="nofollow" href="https://twitter.com/r10webmaster" target="_blank" class="twitter" data-toggle="tooltip" title="" data-original-title="Twitter'da R10.net'i takip edin"><i class="fa fa-twitter"></i></a> <a rel="nofollow" href="https://www.linkedin.com/company/r10net/" target="_blank" class="twitter" data-toggle="tooltip" title="" data-original-title="Linkedin'de R10.net'i takip edin"><i class="fa fa-linkedin"></i></a> </div>

PHP değil HTML & CSS yeterlidir. Google'da social media css diye aratarak daha fazlasına erişebilirsiniz. Yukarıda belirttiğim kod r10'un kullandığı, ayrı classlar vs. var sizde çalışmaz örnek olsun diye attım.

cevabınız için teşekkür ederim bu şekil oldu ama

Örnek olarak gönderdiğimi belirttim, CSS'lerde olması gerekiyor. Bir çok siteden bulabilirsiniz: social media css