.icon:before {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  content: "";
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: bottom;
}

.icon-sweetheart:before {
  background-image: url( "/images/desktop/icons/sweet_heart.png" );
  height: 20px;
  width: 14px;
  margin-right: 2px;
  margin-left: 2px;
}

.icon-chat:before {
  background-image: url('/images/desktop/icons/icon-chat.png' );
  background-size: contain;
  height: 21px;
  width: 16px;
}

.icon-photo:before {
  background-image: url( '/images/desktop/icons/icon-photo.png' );
  background-size: contain;
  height: 21px;
  width: 16px;
}

.icon-search-results:before {
  background-image: url( '/images/desktop/icons/icon-search-results.png' );
  background-size: contain;
  height: 21px;
  width: 16px;
}

.icon-view-profile:before {
  background-image: url( '/images/desktop/icons/icon-view-profile.png' );
  background-size: contain;
  height: 21px;
  width: 16px;
}

.icon-searchbar:before {
  background-image: url( "/images/desktop/icons/searchbar.png" );
}

.icon-envelope:before {
  background-image: url( "/images/desktop/icons/envelope.png" );
}