.inline-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
}

.icon-github { --icon: url("assets/icons/github.svg"); }
.icon-gitlab { --icon: url("assets/icons/gitlab.svg"); }
.icon-youtube { --icon: url("assets/icons/youtube.svg"); }
.icon-mail { --icon: url("assets/icons/mail.svg"); }