Sosyal Medya Hesapları için Buton

Arkadaşlar temama uygun sayfayı kasmayacak youtube,facebook,instagram,rss ve twitter hesaplarımı gösterebileceğim butonları için kod verebilirmisiniz çok minnettar olurum şimdiden teşekkürler
blogum : https://renklitarihblog.blogspot.com/

tam olarak nasıl bir şey istediğini detaylı pm atarsan yardımcı olabilirim

bu tarz bişi hocam siteyi kasmayacak

<script src="https://kit.fontawesome.com/38e2b1cd09.js"
crossorigin="anonymous">
</script>

<div class="links">
      <a href="https://facebook.com" class="facebook" target="_blank">
        <i class="fab fa-facebook-square fa-2x"></i>
      </a>
      <a href="https://twitter.com" class="twitter" target="_blank">
        <i class="fab fa-twitter-square fa-2x"></i>
      </a>
      <a href="https://instagram.com" class="instagram" target="_blank">
        <i class="fab fa-instagram fa-2x"></i>
      </a>
      <a href="https://youtube.com" class="youtube" target="_blank">
        <i class="fab fa-youtube fa-2x"></i>
      </a>
      <a href="https://rss.com" class="rss" target="_blank">
        <i class="fab fa fa-rss fa-2x"></i>
      </a>
</div>

a {
  color: hsl(210, 10%, 33%);
  margin-left: 10px;
}
.links .facebook:hover {
  color: #4267b2;
}
.links .twitter:hover {
  color: #1da1f2;
}
.links .instagram:hover {
  color: #8a3ab9;
}
.links .youtube:hover {
  color: red;
}
.links .rss:hover {
  color: #ee802f;
}

hocam elinize sağlik harika olmuş renkleri nasil değiştirebilirim var mi yöntemi ekledim bu arada bakabilirsiniz

rica ederim. bu css'i ekleyerek istediğiniz rengi verebilirsiniz

.links i{
  color:black;
}

Csskodu nereye eklenir bilmiyorum hocam html olarak gadget ekledim çok sagolun çok bilgisi olan biri değilim kullanırım böyle tekrar teşekkür ederim