.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */

.icon-Janitor {
  width: 1.0419921875em;
}

.icon-OtherBadge {
  width: 1.0419921875em;
}

.icon-AICreator {
  width: 1.0419921875em;
}

.icon-Poster {
  width: 1.0419921875em;
}

.icon-Critical {
  width: 1.0419921875em;
}

.icon-Active {
  width: 1.0419921875em;
}

.icon-Appraising {
  width: 1.0419921875em;
}

.icon-Approver {
  width: 1.0419921875em;
}

.icon-Arbiter {
  width: 1.0419921875em;
}

.icon-Claimant {
  width: 1.0419921875em;
}

.icon-Commenter {
  width: 1.0419921875em;
}

.icon-CommentWorthy {
  width: 1.0419921875em;
}

.icon-Communicator {
  width: 1.0419921875em;
}

.icon-Competitor {
  width: 1.0419921875em;
}

.icon-Curator {
  width: 1.0419921875em;
}

.icon-Champion {
  width: 1.0419921875em;
}

.icon-Deleter {
  width: 1.0419921875em;
}

.icon-Destroyer {
  width: 1.0419921875em;
}

.icon-Discerning {
  width: 1.0419921875em;
}

.icon-Esteemed {
  width: 1.0419921875em;
}

.icon-Executioner {
  width: 1.0419921875em;
}

.icon-Favoriter {
  width: 1.0419921875em;
}

.icon-Followed {
  width: 1.0419921875em;
}

.icon-Follower {
  width: 1.0419921875em;
}

.icon-Harsh {
  width: 1.0419921875em;
}

.icon-Indiscriminate {
  width: 1.0419921875em;
}

.icon-Loyalist {
  width: 1.0419921875em;
}

.icon-Medalist {
  width: 1.0419921875em;
}

.icon-Moderator {
  width: 1.0419921875em;
}

.icon-Reputed {
  width: 1.0419921875em;
}

.icon-Steadfast {
  width: 1.0419921875em;
}

.icon-Undoer {
  width: 1.0419921875em;
}

.icon-Vigilant {
  width: 1.0419921875em;
}