.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.15em;
  flex-shrink: 0;
  color: inherit;
}

.icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

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

.icon--md {
  width: 1.25em;
  height: 1.25em;
}

.icon--lg {
  width: 1.75em;
  height: 1.75em;
}

.icon--xl {
  width: 2.25em;
  height: 2.25em;
}

.icon--lime { color: var(--lime); }
.icon--cyan { color: var(--cyan); }
.icon--red { color: var(--red); }

.btn-icon__glyph.icon,
.btn-icon__glyph .icon {
  width: 1.15rem;
  height: 1.15rem;
}

.mobile-dock__icon.icon {
  width: 1.25rem;
  height: 1.25rem;
}

.meme-tab .icon,
.btn-screenshot .icon,
.btn-meme-shuffle .icon,
.btn-secondary .icon,
.drop-zone__label .icon {
  margin-right: 0.35em;
}

.k-panel__title .icon,
.k-mobile-tab .icon {
  margin-right: 0.35em;
}

.k-dpad__btn .icon {
  width: 1.1rem;
  height: 1.1rem;
}

.k-shop-item__icon.icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--lime);
}

.result-badge__emoji .icon {
  width: 2rem;
  height: 2rem;
}

.history__item-emoji .icon {
  width: 1rem;
  height: 1rem;
}

.meme-card__tag .icon {
  width: 0.85em;
  height: 0.85em;
  margin-right: 0.2em;
}

.hero-meme__eyebrow .icon {
  margin-right: 0.35em;
}