.icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  opacity: 0.8;
}
.icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: currentColor;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
}
.icon-facebook {
  mask-image: url("../assets/img/icons/facebook.svg");
}
.icon-x {
  mask-image: url("../assets/img/icons/x.svg");
}
.icon-linkedin {
  mask-image: url("../assets/img/icons/linkedin.svg");
}
.icon-instagram {
  mask-image: url("../assets/img/icons/instagram.svg");
}