.icon {
  display: inline-block;
  width: 1.25em;   /* or px values like 24px */
  height: 1.25em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

/* Individual icons */
.icon-gold-crown {
  background-image: url('/static/menu/icons/custom/gold-crown.svg');
}
.icon-silver-crown {
  background-image: url('/static/menu/icons/custom/silver-crown.svg');
}
.icon-bronze-crown {
  background-image: url('/static/menu/icons/custom/bronze-crown.svg');
}

.icon-sparkle {
  background-image: url('/static/menu/icons/custom/sparkle-v4.svg');

}

/* Optional scaling classes */
.icon-md { width: 1.75em; height: 1.75em; }
.icon-lg { width: 2em; height: 2em; }
.icon-2x { width: 3em; height: 3em; }
.icon-3x { width: 4em; height: 4em; }