i {
  display: block;
  width: 32px;
  height: 32px;
  -webkit-mask-size: 32px;
          mask-size: 32px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  mask-type: alpha;
  background-color: get-color(black); }
  i.arrow-left {
    -webkit-mask-image: url(arrow-left.html);
            mask-image: url(arrow-left.html); }
  i.close {
    -webkit-mask-image: url(close.html);
            mask-image: url(close.html); }
  i.checkmark {
    -webkit-mask-image: url(checkmark.html);
            mask-image: url(checkmark.html); }
  i.checkmark-thin {
    -webkit-mask-image: url(checkmark-thin.html);
            mask-image: url(checkmark-thin.html); }
  i.chevron-down {
    -webkit-mask-image: url(chevron-down.html);
            mask-image: url(chevron-down.html); }
  i.chevron-left {
    -webkit-mask-image: url(chevron-left.html);
            mask-image: url(chevron-left.html); }
  i.chevron-right {
    -webkit-mask-image: url(chevron-right.html);
            mask-image: url(chevron-right.html); }
  i.chevron-up {
    -webkit-mask-image: url(chevron-up.html);
            mask-image: url(chevron-up.html); }
  i.download {
    -webkit-mask-image: url(download.html);
            mask-image: url(download.html); }
  i.favorite {
    -webkit-mask-image: url(favorite.html);
            mask-image: url(favorite.html); }
  i.email {
    -webkit-mask-image: url(email.svg);
            mask-image: url(email.svg); }
  i.info {
    -webkit-mask-image: url(info.html);
            mask-image: url(info.html); }
  i.play {
    -webkit-mask-image: url(play.html);
            mask-image: url(play.html); }
  i.reply {
    -webkit-mask-image: url(reply.html);
            mask-image: url(reply.html); }
  i.retweet {
    -webkit-mask-image: url(retweet.html);
            mask-image: url(retweet.html); }
  i.facebook {
    -webkit-mask-image: url(facebook.svg);
            mask-image: url(facebook.svg); }
  i.instagram {
    -webkit-mask-image: url(instagram.html);
            mask-image: url(instagram.html); }
  i.linkedin {
    -webkit-mask-image: url(linkedin.svg);
            mask-image: url(linkedin.svg); }
  i.magnifier {
    -webkit-mask-image: url(magnifier.html);
            mask-image: url(magnifier.html); }
  i.pinterest {
    -webkit-mask-image: url(pinterest.html);
            mask-image: url(pinterest.html); }
  i.twitter {
    -webkit-mask-image: url(twitter.svg);
            mask-image: url(twitter.svg); }
  i.x {
    -webkit-mask-image: url(x.svg);
            mask-image: url(x.svg); }
  i.youtube {
    -webkit-mask-image: url(youtube.html);
            mask-image: url(youtube.html); }