.icon--facebook { mask: url(../icons/facebook.svg); -webkit-mask: url(../icons/facebook.svg) } .icon--globe { mask: url(../icons/globe.svg); -webkit-mask: url(../icons/globe.svg) } .icon--instagram { mask: url(../icons/instagram.svg); -webkit-mask: url(../icons/instagram.svg) } .icon--prezydent { mask: url(../icons/prezydent.svg); -webkit-mask: url(../icons/prezydent.svg) } .icon--prezydent { mask: url(../icons/prezydent.svg); -webkit-mask: url(../icons/prezydent.svg) } .icon--prezydent { mask: url(../icons/prezydent.svg); -webkit-mask: url(../icons/prezydent.svg) } .icon--selection { mask: url(../icons/selection.svg); -webkit-mask: url(../icons/selection.svg) } .icon--twitter { mask: url(../icons/twitter.svg); -webkit-mask: url(../icons/twitter.svg) } .icon--youtube { mask: url(../icons/youtube.svg); -webkit-mask: url(../icons/youtube.svg) } [class^=icon--],[class*=" icon--"]{width:24px;height:24px;display:block;-webkit-mask-size:cover;mask-size:cover;background-color:#000;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;}