.icon--alert-alt { mask: url(../icons/alert-alt.svg); -webkit-mask: url(../icons/alert-alt.svg) } .icon--angle-down { mask: url(../icons/angle-down.svg); -webkit-mask: url(../icons/angle-down.svg) } .icon--angle-left { mask: url(../icons/angle-left.svg); -webkit-mask: url(../icons/angle-left.svg) } .icon--angle-right { mask: url(../icons/angle-right.svg); -webkit-mask: url(../icons/angle-right.svg) } .icon--angle-up { mask: url(../icons/angle-up.svg); -webkit-mask: url(../icons/angle-up.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-left-o { mask: url(../icons/arrow-left-o.svg); -webkit-mask: url(../icons/arrow-left-o.svg) } .icon--arrow-left-r { mask: url(../icons/arrow-left-r.svg); -webkit-mask: url(../icons/arrow-left-r.svg) } .icon--arrow-left { mask: url(../icons/arrow-left.svg); -webkit-mask: url(../icons/arrow-left.svg) } .icon--arrow-right-o { mask: url(../icons/arrow-right-o.svg); -webkit-mask: url(../icons/arrow-right-o.svg) } .icon--arrow-right { mask: url(../icons/arrow-right.svg); -webkit-mask: url(../icons/arrow-right.svg) } .icon--awards { mask: url(../icons/awards.svg); -webkit-mask: url(../icons/awards.svg) } .icon--bell { mask: url(../icons/bell.svg); -webkit-mask: url(../icons/bell.svg) } .icon--bolt { mask: url(../icons/bolt.svg); -webkit-mask: url(../icons/bolt.svg) } .icon--book { mask: url(../icons/book.svg); -webkit-mask: url(../icons/book.svg) } .icon--boy { mask: url(../icons/boy.svg); -webkit-mask: url(../icons/boy.svg) } .icon--calendar-next { mask: url(../icons/calendar-next.svg); -webkit-mask: url(../icons/calendar-next.svg) } .icon--calendar { mask: url(../icons/calendar.svg); -webkit-mask: url(../icons/calendar.svg) } .icon--check { mask: url(../icons/check.svg); -webkit-mask: url(../icons/check.svg) } .icon--chevron-down-r { mask: url(../icons/chevron-down-r.svg); -webkit-mask: url(../icons/chevron-down-r.svg) } .icon--chevron-down { mask: url(../icons/chevron-down.svg); -webkit-mask: url(../icons/chevron-down.svg) } .icon--chevron-left { mask: url(../icons/chevron-left.svg); -webkit-mask: url(../icons/chevron-left.svg) } .icon--chevron-right { mask: url(../icons/chevron-right.svg); -webkit-mask: url(../icons/chevron-right.svg) } .icon--chevron-up { mask: url(../icons/chevron-up.svg); -webkit-mask: url(../icons/chevron-up.svg) } .icon--close-o { mask: url(../icons/close-o.svg); -webkit-mask: url(../icons/close-o.svg) } .icon--close { mask: url(../icons/close.svg); -webkit-mask: url(../icons/close.svg) } .icon--comment-alt { mask: url(../icons/comment-alt.svg); -webkit-mask: url(../icons/comment-alt.svg) } .icon--contrast-fill { mask: url(../icons/contrast-fill.svg); -webkit-mask: url(../icons/contrast-fill.svg) } .icon--control-shuffle { mask: url(../icons/control-shuffle.svg); -webkit-mask: url(../icons/control-shuffle.svg) } .icon--control-unshuffle { mask: url(../icons/control-unshuffle.svg); -webkit-mask: url(../icons/control-unshuffle.svg) } .icon--desktop { mask: url(../icons/desktop.svg); -webkit-mask: url(../icons/desktop.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--facebook { mask: url(../icons/facebook.svg); -webkit-mask: url(../icons/facebook.svg) } .icon--fb { mask: url(../icons/fb.svg); -webkit-mask: url(../icons/fb.svg) } .icon--file { mask: url(../icons/file.svg); -webkit-mask: url(../icons/file.svg) } .icon--filters { mask: url(../icons/filters.svg); -webkit-mask: url(../icons/filters.svg) } .icon--gift { mask: url(../icons/gift.svg); -webkit-mask: url(../icons/gift.svg) } .icon--google { mask: url(../icons/google.svg); -webkit-mask: url(../icons/google.svg) } .icon--hear_fill { mask: url(../icons/hear_fill.svg); -webkit-mask: url(../icons/hear_fill.svg) } .icon--heart { mask: url(../icons/heart.svg); -webkit-mask: url(../icons/heart.svg) } .icon--help-alt { mask: url(../icons/help-alt.svg); -webkit-mask: url(../icons/help-alt.svg) } .icon--home { mask: url(../icons/home.svg); -webkit-mask: url(../icons/home.svg) } .icon--id-badge { mask: url(../icons/id-badge.svg); -webkit-mask: url(../icons/id-badge.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--linkedin { mask: url(../icons/linkedin.svg); -webkit-mask: url(../icons/linkedin.svg) } .icon--lock { mask: url(../icons/lock.svg); -webkit-mask: url(../icons/lock.svg) } .icon--login-box-line { mask: url(../icons/login-box-line.svg); -webkit-mask: url(../icons/login-box-line.svg) } .icon--logout-box-line { mask: url(../icons/logout-box-line.svg); -webkit-mask: url(../icons/logout-box-line.svg) } .icon--mail-forward { mask: url(../icons/mail-forward.svg); -webkit-mask: url(../icons/mail-forward.svg) } .icon--mail-open { mask: url(../icons/mail-open.svg); -webkit-mask: url(../icons/mail-open.svg) } .icon--mail { mask: url(../icons/mail.svg); -webkit-mask: url(../icons/mail.svg) } .icon--map-pin { mask: url(../icons/map-pin.svg); -webkit-mask: url(../icons/map-pin.svg) } .icon--math-minus { mask: url(../icons/math-minus.svg); -webkit-mask: url(../icons/math-minus.svg) } .icon--math-plus { mask: url(../icons/math-plus.svg); -webkit-mask: url(../icons/math-plus.svg) } .icon--menu { mask: url(../icons/menu.svg); -webkit-mask: url(../icons/menu.svg) } .icon--minus { mask: url(../icons/minus.svg); -webkit-mask: url(../icons/minus.svg) } .icon--more-o { mask: url(../icons/more-o.svg); -webkit-mask: url(../icons/more-o.svg) } .icon--pencil { mask: url(../icons/pencil.svg); -webkit-mask: url(../icons/pencil.svg) } .icon--pinterest { mask: url(../icons/pinterest.svg); -webkit-mask: url(../icons/pinterest.svg) } .icon--play-list-search { mask: url(../icons/play-list-search.svg); -webkit-mask: url(../icons/play-list-search.svg) } .icon--plus { mask: url(../icons/plus.svg); -webkit-mask: url(../icons/plus.svg) } .icon--puff { mask: url(../icons/puff.svg); -webkit-mask: url(../icons/puff.svg) } .icon--search { mask: url(../icons/search.svg); -webkit-mask: url(../icons/search.svg) } .icon--server { mask: url(../icons/server.svg); -webkit-mask: url(../icons/server.svg) } .icon--settings { mask: url(../icons/settings.svg); -webkit-mask: url(../icons/settings.svg) } .icon--share { mask: url(../icons/share.svg); -webkit-mask: url(../icons/share.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--smartphone { mask: url(../icons/smartphone.svg); -webkit-mask: url(../icons/smartphone.svg) } .icon--smile-mouth-open { mask: url(../icons/smile-mouth-open.svg); -webkit-mask: url(../icons/smile-mouth-open.svg) } .icon--smile-no-mouth { mask: url(../icons/smile-no-mouth.svg); -webkit-mask: url(../icons/smile-no-mouth.svg) } .icon--sort-az { mask: url(../icons/sort-az.svg); -webkit-mask: url(../icons/sort-az.svg) } .icon--star-empty { mask: url(../icons/star-empty.svg); -webkit-mask: url(../icons/star-empty.svg) } .icon--star-full { mask: url(../icons/star-full.svg); -webkit-mask: url(../icons/star-full.svg) } .icon--star-half { mask: url(../icons/star-half.svg); -webkit-mask: url(../icons/star-half.svg) } .icon--thumb-down { mask: url(../icons/thumb-down.svg); -webkit-mask: url(../icons/thumb-down.svg) } .icon--thumb-up { mask: url(../icons/thumb-up.svg); -webkit-mask: url(../icons/thumb-up.svg) } .icon--tiktok { mask: url(../icons/tiktok.svg); -webkit-mask: url(../icons/tiktok.svg) } .icon--time { mask: url(../icons/time.svg); -webkit-mask: url(../icons/time.svg) } .icon--trash { mask: url(../icons/trash.svg); -webkit-mask: url(../icons/trash.svg) } .icon--twitter { mask: url(../icons/twitter.svg); -webkit-mask: url(../icons/twitter.svg) } .icon--union { mask: url(../icons/union.svg); -webkit-mask: url(../icons/union.svg) } .icon--ununion { mask: url(../icons/ununion.svg); -webkit-mask: url(../icons/ununion.svg) } .icon--user-plus { mask: url(../icons/user-plus.svg); -webkit-mask: url(../icons/user-plus.svg) } .icon--user { mask: url(../icons/user.svg); -webkit-mask: url(../icons/user.svg) } .icon--wheelchair-fill { mask: url(../icons/wheelchair-fill.svg); -webkit-mask: url(../icons/wheelchair-fill.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%;}