.icon {
  overflow: hidden;
}
.icon::before {
  position: relative;
  z-index: 1;
}
.icon.icon--xs {
  min-width: var(--size-s);
  min-height: var(--size-s);
  font-size: var(--size-s);
}
.icon.icon--s {
  min-width: var(--size-m);
  min-height: var(--size-m);
  font-size: var(--size-m);
}
.icon.icon--m {
  min-width: var(--size-2m);
  min-height: var(--size-2m);
  font-size: var(--size-2m);
}
.icon.icon--l {
  min-width: var(--size-4m);
  min-height: var(--size-4m);
  font-size: var(--size-4m);
}
.icon.icon--xl {
  min-width: var(--size-2xl);
  min-height: var(--size-2xl);
  font-size: var(--size-2xl);
}
.icon.icon--xxl {
  min-width: var(--size-5xl);
  min-height: var(--size-5xl);
  font-size: var(--size-5xl);
}