.icon {
  display: inline-block;
  height: 24.5px;
  width: 24.5px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon.shopping-cart {
    background-image: url("./../svg/shopping-cart.svg");
}
.icon.heart {
    background-image: url("./../svg/heart.svg");
}
.icon.arrow-swap-horizontal {
    background-image: url("./../svg/arrow-swap-horizontal.svg");
}
.icon.arrow-left-1 {
    background-image: url("./../svg/arrow-left-1.svg");
}
.icon.arrow-right-1 {
    background-image: url("./../svg/arrow-right-1.svg");
}
.icon.home {
    background-image: url("./../svg/home.svg");
}
.icon.shop {
    background-image: url("./../svg/shop.svg");
}
.icon.humburger {
    background-image: url("./../svg/humburger.svg");
}
.icon.user {
    background-image: url("./../svg/user.svg");
}
.icon.user-tick {
    background-image: url("./../svg/user-tick.svg");
}
.icon.folder-2 {
    background-image: url("./../svg/folder-2.svg");
}
.icon.bag-2 {
    background-image: url("./../svg/bag-2.svg");
}
.icon.arrow-up {
    background-image: url("./../svg/arrow-up.svg");
}

.icon.star {
    background-image: url("./../svg/star.svg");
}
.icon.search {
    background-image: url("./../svg/search.svg");
}
.icon.profile-tick {
    background-image: url("./../svg/profile-tick.svg");
}
.icon.cart {
    background-image: url("./../svg/cart.svg");
}
.icon.menu {
    background-image: url("./../svg/menu.svg");
}
.icon.close {
    background-image: url("./../svg/close-circle.svg");
}
.icon.call-calling {
    background-image: url("./../svg/call-calling.svg");
}