[class^="icon-"],
[class*=" icon-"] {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #000;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  vertical-align: middle;
}

a:hover>[class^=icon-],a:hover>[class*=" icon-"] {
  background-color: #fff;
}


.icon-facebook{
  -webkit-mask-image: url(../icons/facebook.svg);
}

.icon-youtube{
  -webkit-mask-image: url(../icons/youtube.svg);
}

.icon-linkedin{
  -webkit-mask-image: url(../icons/linkedin.svg);
}

.icon-twitter{
  -webkit-mask-image: url(../icons/twitter.svg);
}

.icon-bars{
  -webkit-mask-image: url(../icons/bars.svg);
}

.icon-chevron-right{
  -webkit-mask-image: url(../icons/chevron-right.svg);
}

.icon-chevron-left{
  -webkit-mask-image: url(../icons/chevron-left.svg);
}

.icon-img-zoom{
  -webkit-mask-image: url(../icons/img-zoom.svg);
}