.icon--add-line { mask: url(../icons/add-line.svg); -webkit-mask: url(../icons/add-line.svg) } .icon--arrow-down-circle-line { mask: url(../icons/arrow-down-circle-line.svg); -webkit-mask: url(../icons/arrow-down-circle-line.svg) } .icon--arrow-down-s-line { mask: url(../icons/arrow-down-s-line.svg); -webkit-mask: url(../icons/arrow-down-s-line.svg) } .icon--arrow-drop-down-fill { mask: url(../icons/arrow-drop-down-fill.svg); -webkit-mask: url(../icons/arrow-drop-down-fill.svg) } .icon--arrow-drop-down-line { mask: url(../icons/arrow-drop-down-line.svg); -webkit-mask: url(../icons/arrow-drop-down-line.svg) } .icon--arrow-drop-left-line { mask: url(../icons/arrow-drop-left-line.svg); -webkit-mask: url(../icons/arrow-drop-left-line.svg) } .icon--arrow-drop-right-line { mask: url(../icons/arrow-drop-right-line.svg); -webkit-mask: url(../icons/arrow-drop-right-line.svg) } .icon--arrow-drop-up-line { mask: url(../icons/arrow-drop-up-line.svg); -webkit-mask: url(../icons/arrow-drop-up-line.svg) } .icon--arrow-left-circle-line { mask: url(../icons/arrow-left-circle-line.svg); -webkit-mask: url(../icons/arrow-left-circle-line.svg) } .icon--arrow-left-line { mask: url(../icons/arrow-left-line.svg); -webkit-mask: url(../icons/arrow-left-line.svg) } .icon--arrow-left-right-line { mask: url(../icons/arrow-left-right-line.svg); -webkit-mask: url(../icons/arrow-left-right-line.svg) } .icon--arrow-left-s-line { mask: url(../icons/arrow-left-s-line.svg); -webkit-mask: url(../icons/arrow-left-s-line.svg) } .icon--arrow-right-circle-line { mask: url(../icons/arrow-right-circle-line.svg); -webkit-mask: url(../icons/arrow-right-circle-line.svg) } .icon--arrow-right-line { mask: url(../icons/arrow-right-line.svg); -webkit-mask: url(../icons/arrow-right-line.svg) } .icon--arrow-right-s-line { mask: url(../icons/arrow-right-s-line.svg); -webkit-mask: url(../icons/arrow-right-s-line.svg) } .icon--arrow-up-circle-line { mask: url(../icons/arrow-up-circle-line.svg); -webkit-mask: url(../icons/arrow-up-circle-line.svg) } .icon--article-line { mask: url(../icons/article-line.svg); -webkit-mask: url(../icons/article-line.svg) } .icon--attachment-2 { mask: url(../icons/attachment-2.svg); -webkit-mask: url(../icons/attachment-2.svg) } .icon--award-line { mask: url(../icons/award-line.svg); -webkit-mask: url(../icons/award-line.svg) } .icon--briefcase-line { mask: url(../icons/briefcase-line.svg); -webkit-mask: url(../icons/briefcase-line.svg) } .icon--building-3-line { mask: url(../icons/building-3-line.svg); -webkit-mask: url(../icons/building-3-line.svg) } .icon--check-line { mask: url(../icons/check-line.svg); -webkit-mask: url(../icons/check-line.svg) } .icon--checkbox-circle-line { mask: url(../icons/checkbox-circle-line.svg); -webkit-mask: url(../icons/checkbox-circle-line.svg) } .icon--close-line { mask: url(../icons/close-line.svg); -webkit-mask: url(../icons/close-line.svg) } .icon--coin-line { mask: url(../icons/coin-line.svg); -webkit-mask: url(../icons/coin-line.svg) } .icon--currency-line { mask: url(../icons/currency-line.svg); -webkit-mask: url(../icons/currency-line.svg) } .icon--delete-bin-line { mask: url(../icons/delete-bin-line.svg); -webkit-mask: url(../icons/delete-bin-line.svg) } .icon--download-2-line { mask: url(../icons/download-2-line.svg); -webkit-mask: url(../icons/download-2-line.svg) } .icon--eye-line { mask: url(../icons/eye-line.svg); -webkit-mask: url(../icons/eye-line.svg) } .icon--facebook-circle-fill { mask: url(../icons/facebook-circle-fill.svg); -webkit-mask: url(../icons/facebook-circle-fill.svg) } .icon--file-3-line { mask: url(../icons/file-3-line.svg); -webkit-mask: url(../icons/file-3-line.svg) } .icon--file-copy-2-line { mask: url(../icons/file-copy-2-line.svg); -webkit-mask: url(../icons/file-copy-2-line.svg) } .icon--file-list-line { mask: url(../icons/file-list-line.svg); -webkit-mask: url(../icons/file-list-line.svg) } .icon--file-pdf-line { mask: url(../icons/file-pdf-line.svg); -webkit-mask: url(../icons/file-pdf-line.svg) } .icon--filter-line { mask: url(../icons/filter-line.svg); -webkit-mask: url(../icons/filter-line.svg) } .icon--group-line { mask: url(../icons/group-line.svg); -webkit-mask: url(../icons/group-line.svg) } .icon--hand-coin-line { mask: url(../icons/hand-coin-line.svg); -webkit-mask: url(../icons/hand-coin-line.svg) } .icon--home-line { mask: url(../icons/home-line.svg); -webkit-mask: url(../icons/home-line.svg) } .icon--information-line { mask: url(../icons/information-line.svg); -webkit-mask: url(../icons/information-line.svg) } .icon--instagram-line { mask: url(../icons/instagram-line.svg); -webkit-mask: url(../icons/instagram-line.svg) } .icon--layout-grid-line { mask: url(../icons/layout-grid-line.svg); -webkit-mask: url(../icons/layout-grid-line.svg) } .icon--list-check-2 { mask: url(../icons/list-check-2.svg); -webkit-mask: url(../icons/list-check-2.svg) } .icon--lock-password-line { mask: url(../icons/lock-password-line.svg); -webkit-mask: url(../icons/lock-password-line.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-line { mask: url(../icons/mail-line.svg); -webkit-mask: url(../icons/mail-line.svg) } .icon--map-pin-2-line { mask: url(../icons/map-pin-2-line.svg); -webkit-mask: url(../icons/map-pin-2-line.svg) } .icon--menu-line { mask: url(../icons/menu-line.svg); -webkit-mask: url(../icons/menu-line.svg) } .icon--pencil-fill { mask: url(../icons/pencil-fill.svg); -webkit-mask: url(../icons/pencil-fill.svg) } .icon--phone-line { mask: url(../icons/phone-line.svg); -webkit-mask: url(../icons/phone-line.svg) } .icon--play-circle-line { mask: url(../icons/play-circle-line.svg); -webkit-mask: url(../icons/play-circle-line.svg) } .icon--plug-line { mask: url(../icons/plug-line.svg); -webkit-mask: url(../icons/plug-line.svg) } .icon--price-tag-3-line { mask: url(../icons/price-tag-3-line.svg); -webkit-mask: url(../icons/price-tag-3-line.svg) } .icon--puff { mask: url(../icons/puff.svg); -webkit-mask: url(../icons/puff.svg) } .icon--question-line { mask: url(../icons/question-line.svg); -webkit-mask: url(../icons/question-line.svg) } .icon--restart-price { mask: url(../icons/restart-price.svg); -webkit-mask: url(../icons/restart-price.svg) } .icon--road-map-line { mask: url(../icons/road-map-line.svg); -webkit-mask: url(../icons/road-map-line.svg) } .icon--search-line { mask: url(../icons/search-line.svg); -webkit-mask: url(../icons/search-line.svg) } .icon--send-plane-2-line { mask: url(../icons/send-plane-2-line.svg); -webkit-mask: url(../icons/send-plane-2-line.svg) } .icon--server-line { mask: url(../icons/server-line.svg); -webkit-mask: url(../icons/server-line.svg) } .icon--service-line { mask: url(../icons/service-line.svg); -webkit-mask: url(../icons/service-line.svg) } .icon--shopping-bag-2-line { mask: url(../icons/shopping-bag-2-line.svg); -webkit-mask: url(../icons/shopping-bag-2-line.svg) } .icon--shopping-cart-line { mask: url(../icons/shopping-cart-line.svg); -webkit-mask: url(../icons/shopping-cart-line.svg) } .icon--star-fill { mask: url(../icons/star-fill.svg); -webkit-mask: url(../icons/star-fill.svg) } .icon--star-line { mask: url(../icons/star-line.svg); -webkit-mask: url(../icons/star-line.svg) } .icon--stock-line { mask: url(../icons/stock-line.svg); -webkit-mask: url(../icons/stock-line.svg) } .icon--subtract-line { mask: url(../icons/subtract-line.svg); -webkit-mask: url(../icons/subtract-line.svg) } .icon--survey-line { mask: url(../icons/survey-line.svg); -webkit-mask: url(../icons/survey-line.svg) } .icon--truck-line { mask: url(../icons/truck-line.svg); -webkit-mask: url(../icons/truck-line.svg) } .icon--unplug-line { mask: url(../icons/unplug-line.svg); -webkit-mask: url(../icons/unplug-line.svg) } .icon--user-add-line { mask: url(../icons/user-add-line.svg); -webkit-mask: url(../icons/user-add-line.svg) } .icon--user-line { mask: url(../icons/user-line.svg); -webkit-mask: url(../icons/user-line.svg) } .icon--users-line { mask: url(../icons/users-line.svg); -webkit-mask: url(../icons/users-line.svg) } .icon--vip-diamond-line { mask: url(../icons/vip-diamond-line.svg); -webkit-mask: url(../icons/vip-diamond-line.svg) } .icon--youtube-fill { mask: url(../icons/youtube-fill.svg); -webkit-mask: url(../icons/youtube-fill.svg) } .icon--zoom-in-line { mask: url(../icons/zoom-in-line.svg); -webkit-mask: url(../icons/zoom-in-line.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%;}