.icon {
  font-size: 1.7142857143rem;
  line-height: 1;
}
.icon svg {
  width: 1em;
  height: 1em;
}

.icon-xl {
  font-size: 2.8571428571rem;
}

.icon-lg {
  font-size: 2.2857142857rem;
}

.icon-sm {
  font-size: 1.1428571429rem;
}

.icon-xs {
  font-size: 0.7142857143rem;
}

.icon-shape {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  border-radius: 0.375rem;
  width: 3rem;
  height: 3rem;
}
.icon-shape.icon-xl {
  width: 5rem;
  height: 5rem;
}
.icon-shape.icon-lg {
  width: 4rem;
  height: 4rem;
}
.icon-shape.icon-sm {
  width: 2rem;
  height: 2rem;
}
.icon-shape.icon-xs {
  width: 1.25rem;
  height: 1.25rem;
}