.icon--arrow-down { mask: url(../icons/arrow-down.svg); -webkit-mask: url(../icons/arrow-down.svg) } .icon--arrow-left { mask: url(../icons/arrow-left.svg); -webkit-mask: url(../icons/arrow-left.svg) } .icon--arrow-right-small { mask: url(../icons/arrow-right-small.svg); -webkit-mask: url(../icons/arrow-right-small.svg) } .icon--arrow-right { mask: url(../icons/arrow-right.svg); -webkit-mask: url(../icons/arrow-right.svg) } .icon--bin { mask: url(../icons/bin.svg); -webkit-mask: url(../icons/bin.svg) } .icon--building-light { mask: url(../icons/building-light.svg); -webkit-mask: url(../icons/building-light.svg) } .icon--calendar { mask: url(../icons/calendar.svg); -webkit-mask: url(../icons/calendar.svg) } .icon--callendar-light { mask: url(../icons/callendar-light.svg); -webkit-mask: url(../icons/callendar-light.svg) } .icon--cart { mask: url(../icons/cart.svg); -webkit-mask: url(../icons/cart.svg) } .icon--chatbot-close { mask: url(../icons/chatbot-close.svg); -webkit-mask: url(../icons/chatbot-close.svg) } .icon--chatbot-phone { mask: url(../icons/chatbot-phone.svg); -webkit-mask: url(../icons/chatbot-phone.svg) } .icon--check { mask: url(../icons/check.svg); -webkit-mask: url(../icons/check.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-add { mask: url(../icons/circle-add.svg); -webkit-mask: url(../icons/circle-add.svg) } .icon--circle-check { mask: url(../icons/circle-check.svg); -webkit-mask: url(../icons/circle-check.svg) } .icon--circle-copy { mask: url(../icons/circle-copy.svg); -webkit-mask: url(../icons/circle-copy.svg) } .icon--circle-cross { mask: url(../icons/circle-cross.svg); -webkit-mask: url(../icons/circle-cross.svg) } .icon--circle-info { mask: url(../icons/circle-info.svg); -webkit-mask: url(../icons/circle-info.svg) } .icon--circle-minus { mask: url(../icons/circle-minus.svg); -webkit-mask: url(../icons/circle-minus.svg) } .icon--circle-no { mask: url(../icons/circle-no.svg); -webkit-mask: url(../icons/circle-no.svg) } .icon--circle-question { mask: url(../icons/circle-question.svg); -webkit-mask: url(../icons/circle-question.svg) } .icon--circle-yes { mask: url(../icons/circle-yes.svg); -webkit-mask: url(../icons/circle-yes.svg) } .icon--clock { mask: url(../icons/clock.svg); -webkit-mask: url(../icons/clock.svg) } .icon--clock_icon { mask: url(../icons/clock_icon.svg); -webkit-mask: url(../icons/clock_icon.svg) } .icon--close-bold { mask: url(../icons/close-bold.svg); -webkit-mask: url(../icons/close-bold.svg) } .icon--close { mask: url(../icons/close.svg); -webkit-mask: url(../icons/close.svg) } .icon--contrast { mask: url(../icons/contrast.svg); -webkit-mask: url(../icons/contrast.svg) } .icon--copy { mask: url(../icons/copy.svg); -webkit-mask: url(../icons/copy.svg) } .icon--credit-card { mask: url(../icons/credit-card.svg); -webkit-mask: url(../icons/credit-card.svg) } .icon--edit { mask: url(../icons/edit.svg); -webkit-mask: url(../icons/edit.svg) } .icon--email { mask: url(../icons/email.svg); -webkit-mask: url(../icons/email.svg) } .icon--fontsize { mask: url(../icons/fontsize.svg); -webkit-mask: url(../icons/fontsize.svg) } .icon--insurance-light { mask: url(../icons/insurance-light.svg); -webkit-mask: url(../icons/insurance-light.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--loupe { mask: url(../icons/loupe.svg); -webkit-mask: url(../icons/loupe.svg) } .icon--mac-os-logo { mask: url(../icons/mac-os-logo.svg); -webkit-mask: url(../icons/mac-os-logo.svg) } .icon--message-info { mask: url(../icons/message-info.svg); -webkit-mask: url(../icons/message-info.svg) } .icon--phone { mask: url(../icons/phone.svg); -webkit-mask: url(../icons/phone.svg) } .icon--place { mask: url(../icons/place.svg); -webkit-mask: url(../icons/place.svg) } .icon--play { mask: url(../icons/play.svg); -webkit-mask: url(../icons/play.svg) } .icon--plus { mask: url(../icons/plus.svg); -webkit-mask: url(../icons/plus.svg) } .icon--rocket-new { mask: url(../icons/rocket-new.svg); -webkit-mask: url(../icons/rocket-new.svg) } .icon--rocket { mask: url(../icons/rocket.svg); -webkit-mask: url(../icons/rocket.svg) } .icon--search { mask: url(../icons/search.svg); -webkit-mask: url(../icons/search.svg) } .icon--select-chevron { mask: url(../icons/select-chevron.svg); -webkit-mask: url(../icons/select-chevron.svg) } .icon--share { mask: url(../icons/share.svg); -webkit-mask: url(../icons/share.svg) } .icon--shield-light { mask: url(../icons/shield-light.svg); -webkit-mask: url(../icons/shield-light.svg) } .icon--show-pass { mask: url(../icons/show-pass.svg); -webkit-mask: url(../icons/show-pass.svg) } .icon--sign { mask: url(../icons/sign.svg); -webkit-mask: url(../icons/sign.svg) } .icon--upload { mask: url(../icons/upload.svg); -webkit-mask: url(../icons/upload.svg) } .icon--user-clock { mask: url(../icons/user-clock.svg); -webkit-mask: url(../icons/user-clock.svg) } .icon--user-lock { mask: url(../icons/user-lock.svg); -webkit-mask: url(../icons/user-lock.svg) } .icon--user { mask: url(../icons/user.svg); -webkit-mask: url(../icons/user.svg) } .icon--verification-success { mask: url(../icons/verification-success.svg); -webkit-mask: url(../icons/verification-success.svg) } .icon--warning { mask: url(../icons/warning.svg); -webkit-mask: url(../icons/warning.svg) } .icon--windows { mask: url(../icons/windows.svg); -webkit-mask: url(../icons/windows.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%;}