.social-icon {
  color: white;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}

.social-icon svg {
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 25%;
  font-size: 1.6em;
}

.social-icon--fb {
  background-color: #3B5998;
}

.social-icon--twitter {
  background-color: #55ACEE;
}

.social-icon--li {
  background-color: #007bb5;
}

.social-icon--yt {
  background-color: #bb0000;
}

.social-icon--vimeo {
  background-color: #45bbff;
}

.social-icon--weechat {
  background-color: #2DC100;
}

.social-icon--ig {
  background-color: #125688;
}

.social-icon--rss {
  background-color: #ff6600;
}