<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;
}