.icon {
  --size: 0.9rem;
  --url: 'address';

  display: block;
  width: var(--size);
  height: var(--size);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: var(--url);
  mask-image: var(--url);
  mask-size: contain;
  background-color: #000;
}

.icon--sambo {
  --url: url("./sambo.svg");
}

.icon--judo {
  --url: url("./judo.svg");
}

.icon--mma {
  --url: url("./mma.svg");
}

.icon--grappling {
  --url: url("./grappling.svg");
}

.icon--karate {
  --url: url("./karate.svg");
}

.icon--fitness {
  --url: url("./fitness.svg");
}