.app-icon {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  min-width: 1.1em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 1;
  vertical-align: -0.16em;
}

.app-icon--sm {
  width: 0.95em;
  height: 0.95em;
  min-width: 0.95em;
}

.app-icon--lg {
  width: 1.35em;
  height: 1.35em;
  min-width: 1.35em;
}

.app-icon--gap-before {
  margin-left: 0.3em;
}

.app-icon--gap-after {
  margin-right: 0.35em;
}

.app-icon-label {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
}

.app-icon--ok {
  background-image: url("../images/icons/ok.svg");
}

.app-icon--fail {
  background-image: url("../images/icons/fail.svg");
}

.app-icon--warning {
  background-image: url("../images/icons/warning.svg");
}

.app-icon--search {
  background-image: url("../images/icons/search.svg");
}

.app-icon--edit {
  background-image: url("../images/icons/edit.svg");
}

.app-icon--truck {
  background-image: url("../images/icons/truck.svg");
}

.app-icon--test {
  background-image: url("../images/icons/test.svg");
}

.app-icon--tool {
  background-image: url("../images/icons/tool.svg");
}

.app-icon--swap {
  background-image: url("../images/icons/swap.svg");
}

.app-icon--info {
  background-image: url("../images/icons/info.svg");
}

.app-icon--pin {
  background-image: url("../images/icons/pin.svg");
}

.app-icon--new {
  background-image: url("../images/icons/new.svg");
}

.app-icon--comment {
  background-image: url("../images/icons/comment.svg");
}

.app-icon--moon {
  background-image: url("../images/icons/moon.svg");
}

.app-icon--sun {
  background-image: url("../images/icons/sun.svg");
}

.app-icon--lightbulb {
  background-image: url("../images/icons/lightbulb.svg");
}

.app-icon--close {
  background-image: url("../images/icons/close.svg");
}