.icon {
  display: inline-flex;
  align-self: center;
  position: relative;
  height: 24px;
  width: 24px;

  svg {
    height: 24px;
    width: 24px;
  }
}

.icon--large {
  height: 32px;
  width: 32px;

  svg {
    height: 32px;
    width: 32px;
  }
}

.icon--small {
  height: 16px;
  width: 16px;

  svg {
    height: 16px;
    width: 16px;
  }
}

.icon--x-large {
  height: 60px;
  width: 60px;

  svg {
    height: 60px;
    width: 60px;
  }
}

.icon--page-level {
  height: 150px;
  width: 150px;

  svg {
    height: 150px;
    width: 150px;
  }
}