.icon {
  display: inline-block;
  background-image: url('./icons-sprite.png');
  background-repeat: no-repeat;
  background-position: 100px -100px;
}

.compass {
  height: 32px;
  width: 32px;
  background-position: -4px -4px;
}

.notification {
  height: 28px;
  width: 30px;
  background-position: -85px -8px;
}

.search {
  height: 16px;
  width: 15px;
  background-position: -252px -92px;
}

.search-m {
  height: 20px;
  width: 19px;
  background-position: -491px -49px;
}
.love {
  height: 28px;
  width: 33px;
  background-position: -324px -6px;
}
.facebook {
  height: 30px;
  width: 30px;
  background-position: -366px -5px;
}
.instagram {
  height: 30px;
  width: 30px;
  background-position: -406px -5px;
}

.facebook-orange {
  height: 30px;
  width: 30px;
  background-position: -526px -5px;
}
.instagram-orange {
  height: 30px;
  width: 30px;
  background-position: -566px -5px;
}

.challenge {
  height: 80px;
  width: 80px;
  background-position: -136px -219px;
}

.event {
  height: 80px;
  width: 80px;
  background-position: -261px -223px;
}

.group {
  height: 60px;
  width: 71px;
  background-position: -384px -231px;
}
.star {
  height: 16px;
  width: 14px;
  background-position: -53px -90px;
}
.star-active {
  height: 16px;
  width: 14px;
  background-position: -93px -90px;
}


.bell {
  height: 20px;
  width: 18px;
  background-position: -51px -49px;
}

.bell-active {
  height: 20px;
  width: 23px;
  background-position: -91px -49px;
}


.location {
  height: 10px;
  width: 8px;
  background-position: -16px -95px;
}