.icon--adyen { mask: url(../icons/adyen.svg); -webkit-mask: url(../icons/adyen.svg) } .icon--apple-pay { mask: url(../icons/apple-pay.svg); -webkit-mask: url(../icons/apple-pay.svg) } .icon--arrow-circle-left { mask: url(../icons/arrow-circle-left.svg); -webkit-mask: url(../icons/arrow-circle-left.svg) } .icon--arrow-circle-right { mask: url(../icons/arrow-circle-right.svg); -webkit-mask: url(../icons/arrow-circle-right.svg) } .icon--arrow-down { mask: url(../icons/arrow-down.svg); -webkit-mask: url(../icons/arrow-down.svg) } .icon--bin { mask: url(../icons/bin.svg); -webkit-mask: url(../icons/bin.svg) } .icon--bold-check { mask: url(../icons/bold-check.svg); -webkit-mask: url(../icons/bold-check.svg) } .icon--camera { mask: url(../icons/camera.svg); -webkit-mask: url(../icons/camera.svg) } .icon--card-ae { mask: url(../icons/card-ae.svg); -webkit-mask: url(../icons/card-ae.svg) } .icon--card-mastercard { mask: url(../icons/card-mastercard.svg); -webkit-mask: url(../icons/card-mastercard.svg) } .icon--card-paypal { mask: url(../icons/card-paypal.svg); -webkit-mask: url(../icons/card-paypal.svg) } .icon--card-stripe { mask: url(../icons/card-stripe.svg); -webkit-mask: url(../icons/card-stripe.svg) } .icon--card-visa { mask: url(../icons/card-visa.svg); -webkit-mask: url(../icons/card-visa.svg) } .icon--chat { mask: url(../icons/chat.svg); -webkit-mask: url(../icons/chat.svg) } .icon--check { mask: url(../icons/check.svg); -webkit-mask: url(../icons/check.svg) } .icon--checked { mask: url(../icons/checked.svg); -webkit-mask: url(../icons/checked.svg) } .icon--chevron-down { mask: url(../icons/chevron-down.svg); -webkit-mask: url(../icons/chevron-down.svg) } .icon--chevron-right { mask: url(../icons/chevron-right.svg); -webkit-mask: url(../icons/chevron-right.svg) } .icon--circle-check { mask: url(../icons/circle-check.svg); -webkit-mask: url(../icons/circle-check.svg) } .icon--circle-error { mask: url(../icons/circle-error.svg); -webkit-mask: url(../icons/circle-error.svg) } .icon--close { mask: url(../icons/close.svg); -webkit-mask: url(../icons/close.svg) } .icon--cloud { mask: url(../icons/cloud.svg); -webkit-mask: url(../icons/cloud.svg) } .icon--coin { mask: url(../icons/coin.svg); -webkit-mask: url(../icons/coin.svg) } .icon--configurator-phone { mask: url(../icons/configurator-phone.svg); -webkit-mask: url(../icons/configurator-phone.svg) } .icon--credit-card { mask: url(../icons/credit-card.svg); -webkit-mask: url(../icons/credit-card.svg) } .icon--dhl { mask: url(../icons/dhl.svg); -webkit-mask: url(../icons/dhl.svg) } .icon--document { mask: url(../icons/document.svg); -webkit-mask: url(../icons/document.svg) } .icon--equalizer { mask: url(../icons/equalizer.svg); -webkit-mask: url(../icons/equalizer.svg) } .icon--eye { mask: url(../icons/eye.svg); -webkit-mask: url(../icons/eye.svg) } .icon--facebook { mask: url(../icons/facebook.svg); -webkit-mask: url(../icons/facebook.svg) } .icon--fedex { mask: url(../icons/fedex.svg); -webkit-mask: url(../icons/fedex.svg) } .icon--file-pdf { mask: url(../icons/file-pdf.svg); -webkit-mask: url(../icons/file-pdf.svg) } .icon--filter-new { mask: url(../icons/filter-new.svg); -webkit-mask: url(../icons/filter-new.svg) } .icon--google-card { mask: url(../icons/google-card.svg); -webkit-mask: url(../icons/google-card.svg) } .icon--google-colors { mask: url(../icons/google-colors.svg); -webkit-mask: url(../icons/google-colors.svg) } .icon--guard { mask: url(../icons/guard.svg); -webkit-mask: url(../icons/guard.svg) } .icon--help-alt { mask: url(../icons/help-alt.svg); -webkit-mask: url(../icons/help-alt.svg) } .icon--history { mask: url(../icons/history.svg); -webkit-mask: url(../icons/history.svg) } .icon--house { mask: url(../icons/house.svg); -webkit-mask: url(../icons/house.svg) } .icon--info-alt { mask: url(../icons/info-alt.svg); -webkit-mask: url(../icons/info-alt.svg) } .icon--instagram { mask: url(../icons/instagram.svg); -webkit-mask: url(../icons/instagram.svg) } .icon--laptop { mask: url(../icons/laptop.svg); -webkit-mask: url(../icons/laptop.svg) } .icon--location { mask: url(../icons/location.svg); -webkit-mask: url(../icons/location.svg) } .icon--lock { mask: url(../icons/lock.svg); -webkit-mask: url(../icons/lock.svg) } .icon--mail { mask: url(../icons/mail.svg); -webkit-mask: url(../icons/mail.svg) } .icon--more-horizontal { mask: url(../icons/more-horizontal.svg); -webkit-mask: url(../icons/more-horizontal.svg) } .icon--newspaper { mask: url(../icons/newspaper.svg); -webkit-mask: url(../icons/newspaper.svg) } .icon--paper { mask: url(../icons/paper.svg); -webkit-mask: url(../icons/paper.svg) } .icon--payment-card { mask: url(../icons/payment-card.svg); -webkit-mask: url(../icons/payment-card.svg) } .icon--payu { mask: url(../icons/payu.svg); -webkit-mask: url(../icons/payu.svg) } .icon--pen { mask: url(../icons/pen.svg); -webkit-mask: url(../icons/pen.svg) } .icon--person { mask: url(../icons/person.svg); -webkit-mask: url(../icons/person.svg) } .icon--phone { mask: url(../icons/phone.svg); -webkit-mask: url(../icons/phone.svg) } .icon--pinterest { mask: url(../icons/pinterest.svg); -webkit-mask: url(../icons/pinterest.svg) } .icon--question { mask: url(../icons/question.svg); -webkit-mask: url(../icons/question.svg) } .icon--quote { mask: url(../icons/quote.svg); -webkit-mask: url(../icons/quote.svg) } .icon--repeat { mask: url(../icons/repeat.svg); -webkit-mask: url(../icons/repeat.svg) } .icon--search { mask: url(../icons/search.svg); -webkit-mask: url(../icons/search.svg) } .icon--select-arrows { mask: url(../icons/select-arrows.svg); -webkit-mask: url(../icons/select-arrows.svg) } .icon--select-dropdown { mask: url(../icons/select-dropdown.svg); -webkit-mask: url(../icons/select-dropdown.svg) } .icon--separator { mask: url(../icons/separator.svg); -webkit-mask: url(../icons/separator.svg) } .icon--shopping-bag { mask: url(../icons/shopping-bag.svg); -webkit-mask: url(../icons/shopping-bag.svg) } .icon--shopping-cart { mask: url(../icons/shopping-cart.svg); -webkit-mask: url(../icons/shopping-cart.svg) } .icon--storage { mask: url(../icons/storage.svg); -webkit-mask: url(../icons/storage.svg) } .icon--truck { mask: url(../icons/truck.svg); -webkit-mask: url(../icons/truck.svg) } .icon--twitter { mask: url(../icons/twitter.svg); -webkit-mask: url(../icons/twitter.svg) } .icon--upay { mask: url(../icons/upay.svg); -webkit-mask: url(../icons/upay.svg) } .icon--user { mask: url(../icons/user.svg); -webkit-mask: url(../icons/user.svg) } .icon--users { mask: url(../icons/users.svg); -webkit-mask: url(../icons/users.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%;}