.icon-person::before {
  left: 8px; top: 1px; width: 9px; height: 9px;
  border: 1.5px solid currentColor; border-radius: 50%;
}
.icon-person::after {
  left: 4px; top: 12px; width: 17px; height: 11px;
  border: 1.5px solid currentColor; border-radius: 10px 10px 2px 2px;
}
.icon-online::before {
  inset: 3px 1px 6px; border: 1.5px solid currentColor; border-radius: 2px;
}
.icon-online::after {
  left: 8px; top: 8px; border-left: 7px solid currentColor;
  border-top: 4px solid transparent; border-bottom: 4px solid transparent;
}
.icon-online span::before {
  left: 8px; bottom: 1px; width: 9px; height: 1.5px; background: currentColor;
}
.icon-card::before {
  inset: 4px 1px; border: 1.5px solid currentColor; border-radius: 3px;
}
.icon-card::after {
  left: 2px; right: 2px; top: 10px; height: 3px; background: currentColor;
}
.icon-card span::before {
  left: 5px; bottom: 7px; width: 6px; height: 1.5px; background: currentColor;
}
.icon-registration::before {
  left: 2px; top: 2px; width: 15px; height: 21px;
  border: 1.5px solid currentColor; border-radius: 2px;
}
.icon-registration::after {
  left: 6px; top: 7px; width: 7px; height: 1.5px; background: currentColor;
  box-shadow: 0 5px 0 currentColor, 0 10px 0 currentColor;
}
.icon-registration span::before {
  right: 0; bottom: 3px; width: 9px; height: 5px;
  border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
}
.icon-email::before {
  inset: 4px 1px; border: 1.5px solid currentColor; border-radius: 2px;
}
.icon-email::after {
  left: 4px; top: 6px; width: 15px; height: 11px;
  border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
}
.icon-clock::before {
  inset: 2px; border: 1.5px solid currentColor; border-radius: 50%;
}
.icon-clock::after {
  left: 12px; top: 6px; width: 1.5px; height: 8px; background: currentColor;
  box-shadow: 4px 6px 0 -0.2px currentColor; transform-origin: bottom;
}
.icon-ticket::before {
  inset: 5px 1px; border: 1.5px solid currentColor; border-radius: 2px;
}
.icon-ticket::after {
  left: 12px; top: 6px; bottom: 6px; border-left: 1.5px dashed currentColor;
}
.icon-microphone::before {
  left: 8px; top: 1px; width: 9px; height: 15px;
  border: 1.5px solid currentColor; border-radius: 7px;
}
.icon-microphone::after {
  left: 5px; top: 9px; width: 15px; height: 10px;
  border: 1.5px solid currentColor; border-top: 0; border-radius: 0 0 10px 10px;
}
.icon-microphone span::before {
  left: 12px; top: 19px; width: 1.5px; height: 5px; background: currentColor;
}
.icon-microphone span::after {
  left: 8px; bottom: 0; width: 9px; height: 1.5px; background: currentColor;
}
.icon-users::before {
  left: 8px; top: 2px; width: 8px; height: 8px;
  border: 1.5px solid currentColor; border-radius: 50%;
  box-shadow: -7px 3px 0 -2px var(--paper), -7px 3px 0 -0.5px currentColor,
              7px 3px 0 -2px var(--paper), 7px 3px 0 -0.5px currentColor;
}
.icon-users::after {
  left: 5px; top: 13px; width: 15px; height: 9px;
  border: 1.5px solid currentColor; border-radius: 9px 9px 2px 2px;
}