.icon--account_circle { mask: url(../icons/account_circle.svg); -webkit-mask: url(../icons/account_circle.svg) } .icon--add { mask: url(../icons/add.svg); -webkit-mask: url(../icons/add.svg) } .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-right { mask: url(../icons/arrow-circle-right.svg); -webkit-mask: url(../icons/arrow-circle-right.svg) } .icon--arrow-right-bold { mask: url(../icons/arrow-right-bold.svg); -webkit-mask: url(../icons/arrow-right-bold.svg) } .icon--arrow-right { mask: url(../icons/arrow-right.svg); -webkit-mask: url(../icons/arrow-right.svg) } .icon--arrow_backward_ios { mask: url(../icons/arrow_backward_ios.svg); -webkit-mask: url(../icons/arrow_backward_ios.svg) } .icon--arrow_forward_ios { mask: url(../icons/arrow_forward_ios.svg); -webkit-mask: url(../icons/arrow_forward_ios.svg) } .icon--backup { mask: url(../icons/backup.svg); -webkit-mask: url(../icons/backup.svg) } .icon--bell { mask: url(../icons/bell.svg); -webkit-mask: url(../icons/bell.svg) } .icon--bent_arrow { mask: url(../icons/bent_arrow.svg); -webkit-mask: url(../icons/bent_arrow.svg) } .icon--book { mask: url(../icons/book.svg); -webkit-mask: url(../icons/book.svg) } .icon--calendar { mask: url(../icons/calendar.svg); -webkit-mask: url(../icons/calendar.svg) } .icon--call { mask: url(../icons/call.svg); -webkit-mask: url(../icons/call.svg) } .icon--cancel { mask: url(../icons/cancel.svg); -webkit-mask: url(../icons/cancel.svg) } .icon--check { mask: url(../icons/check.svg); -webkit-mask: url(../icons/check.svg) } .icon--check_circle { mask: url(../icons/check_circle.svg); -webkit-mask: url(../icons/check_circle.svg) } .icon--checkmark-outline { mask: url(../icons/checkmark-outline.svg); -webkit-mask: url(../icons/checkmark-outline.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--complaint { mask: url(../icons/complaint.svg); -webkit-mask: url(../icons/complaint.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--delete { mask: url(../icons/delete.svg); -webkit-mask: url(../icons/delete.svg) } .icon--delivery-calendar { mask: url(../icons/delivery-calendar.svg); -webkit-mask: url(../icons/delivery-calendar.svg) } .icon--desktop_windows { mask: url(../icons/desktop_windows.svg); -webkit-mask: url(../icons/desktop_windows.svg) } .icon--download { mask: url(../icons/download.svg); -webkit-mask: url(../icons/download.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--favorite { mask: url(../icons/favorite.svg); -webkit-mask: url(../icons/favorite.svg) } .icon--file-list-line { mask: url(../icons/file-list-line.svg); -webkit-mask: url(../icons/file-list-line.svg) } .icon--file { mask: url(../icons/file.svg); -webkit-mask: url(../icons/file.svg) } .icon--file_present { mask: url(../icons/file_present.svg); -webkit-mask: url(../icons/file_present.svg) } .icon--globe { mask: url(../icons/globe.svg); -webkit-mask: url(../icons/globe.svg) } .icon--google { mask: url(../icons/google.svg); -webkit-mask: url(../icons/google.svg) } .icon--heart-fill { mask: url(../icons/heart-fill.svg); -webkit-mask: url(../icons/heart-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--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--info { mask: url(../icons/info.svg); -webkit-mask: url(../icons/info.svg) } .icon--instagram { mask: url(../icons/instagram.svg); -webkit-mask: url(../icons/instagram.svg) } .icon--language { mask: url(../icons/language.svg); -webkit-mask: url(../icons/language.svg) } .icon--layout-grid2-alt { mask: url(../icons/layout-grid2-alt.svg); -webkit-mask: url(../icons/layout-grid2-alt.svg) } .icon--layout-grid4-alt { mask: url(../icons/layout-grid4-alt.svg); -webkit-mask: url(../icons/layout-grid4-alt.svg) } .icon--linkedin-fill { mask: url(../icons/linkedin-fill.svg); -webkit-mask: url(../icons/linkedin-fill.svg) } .icon--linkedin { mask: url(../icons/linkedin.svg); -webkit-mask: url(../icons/linkedin.svg) } .icon--links-line { mask: url(../icons/links-line.svg); -webkit-mask: url(../icons/links-line.svg) } .icon--lock { mask: url(../icons/lock.svg); -webkit-mask: url(../icons/lock.svg) } .icon--log-out { mask: url(../icons/log-out.svg); -webkit-mask: url(../icons/log-out.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--loop-left-line { mask: url(../icons/loop-left-line.svg); -webkit-mask: url(../icons/loop-left-line.svg) } .icon--mail { mask: url(../icons/mail.svg); -webkit-mask: url(../icons/mail.svg) } .icon--menu-alt { mask: url(../icons/menu-alt.svg); -webkit-mask: url(../icons/menu-alt.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_vert { mask: url(../icons/more_vert.svg); -webkit-mask: url(../icons/more_vert.svg) } .icon--notification { mask: url(../icons/notification.svg); -webkit-mask: url(../icons/notification.svg) } .icon--open_in_new { mask: url(../icons/open_in_new.svg); -webkit-mask: url(../icons/open_in_new.svg) } .icon--pencil { mask: url(../icons/pencil.svg); -webkit-mask: url(../icons/pencil.svg) } .icon--phone_iphone { mask: url(../icons/phone_iphone.svg); -webkit-mask: url(../icons/phone_iphone.svg) } .icon--plus { mask: url(../icons/plus.svg); -webkit-mask: url(../icons/plus.svg) } .icon--print { mask: url(../icons/print.svg); -webkit-mask: url(../icons/print.svg) } .icon--promotion { mask: url(../icons/promotion.svg); -webkit-mask: url(../icons/promotion.svg) } .icon--public { mask: url(../icons/public.svg); -webkit-mask: url(../icons/public.svg) } .icon--puff { mask: url(../icons/puff.svg); -webkit-mask: url(../icons/puff.svg) } .icon--remove { mask: url(../icons/remove.svg); -webkit-mask: url(../icons/remove.svg) } .icon--request_quote { mask: url(../icons/request_quote.svg); -webkit-mask: url(../icons/request_quote.svg) } .icon--schedule { mask: url(../icons/schedule.svg); -webkit-mask: url(../icons/schedule.svg) } .icon--search { mask: url(../icons/search.svg); -webkit-mask: url(../icons/search.svg) } .icon--settings { mask: url(../icons/settings.svg); -webkit-mask: url(../icons/settings.svg) } .icon--shopping-cart { mask: url(../icons/shopping-cart.svg); -webkit-mask: url(../icons/shopping-cart.svg) } .icon--shopping_cart { mask: url(../icons/shopping_cart.svg); -webkit-mask: url(../icons/shopping_cart.svg) } .icon--star { mask: url(../icons/star.svg); -webkit-mask: url(../icons/star.svg) } .icon--survey-line { mask: url(../icons/survey-line.svg); -webkit-mask: url(../icons/survey-line.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--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--truck { mask: url(../icons/truck.svg); -webkit-mask: url(../icons/truck.svg) } .icon--twitter-x-fill { mask: url(../icons/twitter-x-fill.svg); -webkit-mask: url(../icons/twitter-x-fill.svg) } .icon--twitter { mask: url(../icons/twitter.svg); -webkit-mask: url(../icons/twitter.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--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%;}