:host {
  display: inline-block;
  vertical-align: middle;
}

:host(.ux-icon--primary) {
  color: var(--ux-color-primary);
}

:host(.ux-icon--black) {
  color: #131313;
}

:host(.ux-icon--white) {
  color: var(--ux-color-white);
}

.ux-icon__inner {
  display: block;
  height: 1em;
  width: 1em;
}
.ux-icon__slot {
  display: none;
}
.ux-icon__svg {
  display: block;
  height: 100%;
  width: 100%;
  fill: currentColor;
}