.icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.1em;
  height: 1em;

  &.sm {
    width: 0.8em;
    height: 0.75em;
  }

  &.tn {
    width: 0.6em;
    height: 0.5em;
  }

  &.lg {
    width: 1.6em;
    height: 1.5em;
  }

  &.xl {
    width: 2.1em;
    height: 2em;
  }
}