Overleaf/services/web/frontend/stylesheets/components/icon.scss

.icon-double-green-round-background {
  border-radius: 50%;
  background: var(--green-30);
  color: var(--dark-jungle-green);
  display: inline-flex;
  border: var(--spacing-04) solid var(--green-10);
  padding: var(--spacing-04);

  i {
    font-size: 24px;
  }
}

.icon-large-purple-text {
  color: var(--sapphire-blue);

  i {
    font-size: 50px;
  }
}

.icon-danger {
  color: var(--content-danger);
}

.icon-success {
  color: var(--content-positive);
}