.icon {
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  display: inline-block;
  vertical-align: middle;
  background-color: currentColor;
  width: 24px;
  height: 24px;
  transition: all 0.4s ease-in-out;
}

.icon-facebook {
  mask-image: url(../img/svg/facebook.svg);
}

.icon-instagram {
  mask-image: url(../img/svg/instagram.svg);
}

.icon-twitter {
  mask-image: url(../img/svg/twitter.svg);
}

.icon-tiktok {
  mask-image: url(../img/svg/tiktok.svg);
}

.icon-linkedin {
  mask-image: url(../img/svg/linkedin.svg);
}

.icon-youtube {
  mask-image: url(../img/svg/youtube.svg);
}

.icon-account {
  mask-image: url(../img/svg/account.svg);
}

.icon-cart {
  mask-image: url(../img/svg/cart.svg);
}

.icon-close {
  mask-image: url(../img/svg/close.svg);
}

.icon-search {
  mask-image: url(../img/svg/search.svg);
}

.icon-menu {
  mask-image: url(../img/svg/menu.svg);
}

.icon-down-arrow {
  mask-image: url(../img/svg/down-arrow.svg);
}

.icon-heart {
  mask-image: url(../img/svg/heart.svg);
}

.icon-heart-fill {
  mask-image: url(../img/svg/heart-fill.svg);
}

.icon-star {
  mask-image: url(../img/svg/star.svg);
}

.icon-close2 {
  mask-image: url(../img/svg/close-2.svg);
}

.icon-filter {
  mask-image: url(../img/svg/filter.svg);
}

.icon-share {
  mask-image: url(../img/svg/share.svg);
}

.icon-minus {
  mask-image: url(../img/svg/minus.svg);
}

.icon-plus {
  mask-image: url(../img/svg/plus.svg);
}

.icon-delete {
  mask-image: url(../img/svg/delete.svg);
  background-color: #e92525;
}

.icon-right {
  mask-image: url(../img/svg/right.svg);
}

.icon-wallet {
  mask-image: url(../img/svg/wallet.svg);
}

.icon-action {
  mask-image: url(../img/svg/action.svg);
}

.icon-hold {
  mask-image: url(../img/svg/hold.svg);
}

.icon-payment {
  mask-image: url(../img/svg/bill.svg);
}

.icon-cancel {
  mask-image: url(../img/svg/deduct.svg);
}

.icon-show {
  mask-image: url(../img/svg/eye.svg);
}

.icon-hide {
  mask-image: url(../img/svg/hide.svg);
}

.icon-pencil {
  mask-image: url(../img/svg/pencil.svg);
}

.icon-pending {
  mask-image: url(../img/svg/pending.svg);
}

.icon-delivery {
  mask-image: url(../img/svg/delivery.svg);
}

.icon-shipped {
  mask-image: url(../img/svg/shipped.svg);
}

.icon-delivered {
  mask-image: url(../img/svg/delivered.svg);
}

.icon-upload {
  mask-image: url(../img/svg/upload.svg);
}

.icon-link {
  mask-image: url(../img/svg/link.svg);
}

.icon-calendar {
  mask-image: url(../img/svg/calendar.svg);
}

.icon-refund {
  mask-image: url(../img/svg/refund.svg);
}

.icon-deposit {
  mask-image: url(../img/svg/deposit.svg);
}

.icon-bouns {
  mask-image: url(../img/svg/bonus.svg);
}

.icon-charge {
  mask-image: url(../img/svg/charge.svg);
}

.icon-withdrawal {
  mask-image: url(../img/svg/withdraw.svg);
}

.icon-subscribed {
  mask-image: url(../img/svg/subscribed.svg);
}

.icon-emptycart {
  mask-image: url(../img/svg/empty-cart.svg);
}

.icon-my-order {
  mask-image: url(../img/svg/my-order.svg);
}

.icon-wishlist {
  mask-image: url(../img/svg/wishlist.svg);
}

.icon-logout {
  mask-image: url(../img/svg/logout.svg);
}

.icon-attachment {
  mask-image: url(../img/svg/attachment.svg);
}

.icon-ordercancel {
  mask-image: url(../img/svg/ordercancel.svg);
}

.icon-exchange {
  mask-image: url(../img/svg/exchange-returned.svg);
}

.icon-return {
  mask-image: url(../img/svg/return-approved.svg);
}

.icon-failed {
  mask-image: url(../img/svg/delivery-failed.svg);
}

.icon-refund-returned {
  mask-image: url(../img/svg/refund-returned-completed.svg);
}

.icon-arrow-left {
  mask-image: url(../img/svg/arrow-left.svg);
}

.icon-easyreturn {
  mask-image: url(../img/svg/easy-return.svg);
}

.icon-easyexchange {
  mask-image: url(../img/svg/free-exchange.svg);
}

.icon-product-return{
  mask-image: url(../img/svg/product-return.svg);
}

.icon-declined{
  mask-image: url(../img/svg/declined.svg);
}