.nav-link .nav-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  object-fit: contain;
  opacity: .72;
  filter: invert(42%) sepia(9%) saturate(892%) hue-rotate(79deg) brightness(92%) contrast(87%);
}

.nav-link.active .nav-icon {
  opacity: 1;
  filter: invert(20%) sepia(20%) saturate(1315%) hue-rotate(99deg) brightness(92%) contrast(91%);
}