overleaf/services/web/frontend/stylesheets/components/icons.less

// Colors
.icon-accent {
  color: @accent-color-secondary!important;
}

.icon-lg {
  font-size: 32px !important;
  width: 32px !important;
  height: 32px !important;
}

.icon-md {
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
}

.icon-sm {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}

.icon-xs {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}

.icon-round-background {
  border-radius: 50%;
}

.icon-green-round-background {
  .icon-round-background;
  background: var(--green-30);
  color: var(--dark-jungle-green);
}